#contact .link
{
    font-family: 'HeadlineTwoCondensed';
    font-size: 2rem;
    letter-spacing: 0.02em;
    margin: 10px 0px;
    display: inline-block;
    
    &:before
    {
        margin-right: 10px;
    }
}

#contact .social
{
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    place-content: center;
    grid-auto-rows: 36px;
    grid-auto-columns: 36px;
    gap: 10px;
    padding: 10px 0;
 
    & > a
    {
        font-size: 2em;
        letter-spacing: unset;
        color: var(--white);
        transition: all ease 0.25s;

        &:hover, &:active, &:focus
        {
            transform: scale(1.15);
        }
    }
}