#contact-section{
    padding-top: 15rem;
}

#contact-heading-idea{
    font-family: "BBH Hegarty", sans-serif;
    color: var(--base-red);

    font-size: 7.7vw;
    text-align: center;

    padding-bottom: 5rem;

}

#contact-heading-make{
    font-family: "BBH Hegarty", sans-serif;
    color: transparent;
    font-size: 6.5vw;

    -webkit-text-stroke: 0.3rem var(--base-blue);
    text-align: center;

    margin-bottom: 40rem;
}

#contact-links{
    text-align: center;
}

#contact-btn{
    margin-bottom: 3rem;
}

#contact-btn a{
    font-family: "Pixelify Sans", sans-serif;
    color: transparent;
    font-size: 14.35vw;

    -webkit-text-stroke: 0.3rem var(--base-red);
    text-decoration: none;
    letter-spacing: 1rem;
}

#resume-btn{
    margin-bottom:2rem;
}

#resume-btn a{
    font-family: "Pixelify Sans", sans-serif;
    color: transparent;
    font-size: 9.1vw;

    -webkit-text-stroke: 0.3rem var(--base-blue);
    letter-spacing: 0.6rem;

}



/* INTERACTIONS */



/* Selection */

#contact-heading-idea::selection{
    background-color: var(--base-red);
    color: var(--bg-color);
}


#contact-heading-make::selection{
    background-color: var(--base-blue);
    color: var(--bg-color);
}


#contact-btn a::selection{
    background-color: var(--base-red);
    color: var(--bg-color);
}


#resume-btn a::selection{
    background-color: var(--base-blue);
    color: var(--bg-color);
}

/* Hover */

#contact-btn:hover{
    text-decoration-style:dashed;
}

#contact-btn a:hover{
    color: var(--base-red);
    text-decoration-style:dashed;
}

#resume-btn a:hover{
    color: var(--base-blue);
    
}