:root{
    --font-color: rgb(242,242,247);
    --bg-light-blue: rgb(50,50,50) ;
    --navbar-gap: max(12vh,100px);
    --lighter-font-color: rgb(111,111,111);
    --lighter-gray: rgb(34 42 52);
    --light-transp-blue: rgb(97,97,103, .3);
    --dark-transp-blue:rgb(175,175,185,.3);
}

/* NAVBAR */
#navbar,#mobileNavbar{
    background:rgb(41 43 46);
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

#menuIcon{
    padding: 7px;
    width: 25px !important;
    border-radius: 7px;
    background:var(--dark-transp-blue);
}

/* LANDING TEXT */
#landingText a{
    background: rgb(41 43 46);
    color: var(--font-color);
    box-shadow: none;
    border: 2px solid var(--dark-transp-blue);
}

#landingText h1 span{
    background: linear-gradient(to right, rgb(110 167 244), rgb(59 226 176));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* SERIVCES PREVIEW */
.serviceBlock{
    border:2px solid var(--dark-transp-blue);
}

.serviceBlock a{
    border: 2px solid var(--dark-transp-blue);
}

.serviceBlock a:hover{
    border: 2px solid var(--light-transp-blue);
}

/* ACTION CALLS */
#actionCall a{
    color: var(--font-color);
    background: var(--dark-transp-blue);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* FOOTER */

#footer{
    border-top: 2px solid var(--light-transp-blue);
    background:var(--bg-light-blue);
    color:var(--font-color);
}

.footerColumn a{
    color:var(--font-color);
}



/* SERVICE DESCRIPTIONS */
.serviceBlurb h1 img{
    padding: 7px;
    background: rgb(255,255,255,0.4);
    border-radius: 10px;
}


/* EMAIL FORM */

#emailForm,.serviceBlurb,.bioBlock{
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

#emailForm input{
    color:var(--font-color);
}

#emailForm textarea{
    background:var(--light-transp-blue);
    color:var(--font-color);
}

#emailForm button{
    color:var(--font-color);
    font-weight: 600;
    font-size: 17px;
    background: var(--dark-transp-blue);
}