/*Google Fonts*/

.noto-serif{
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
    /*color: #f2f2f2;*/

}

.italiana-regular {
    font-family: "Italiana", sans-serif;
    font-weight: 400;
    font-style: normal;
}



body{
    background-color: #000000;
    height: 100dvh;
    /*display: flex;*/
    display: grid;
    padding: 10px;
    justify-content: center;
}

hr{
    color: #ffd633 ;
}

.main-content > h1{
    color: white;
    margin-top: -20%;
}

#logo{
    height: 700px;
    width: 700px;
}

#download-btn{
    background-color: #000000;
    border: 2px solid #ffd633;
    color:#ffd633;
    font-size: 24px;
    margin-bottom: 30px;
    /*padding-bottom: 10px;*/
    /*padding-top: 5px;*/
    padding: 5px 10px 10px 10px;

}

#email{
    width: 130%;
    margin-right: 30px;
}

.mail-list{
    display: flex;
    justify-content: center;
}

.white{
    color: white;
}

/*Utility Classes*/

.mb-40{
    margin-bottom: 40px;
}

.white{
    color: #e6e6e6;
}

.off-white{
    color: #d9d9d9;
}

.error{
    color: #ffd633;
}

/*Utility Classes*/

#email-text{
    background-image: linear-gradient(#e6e6e6, #ffd633);
    color: transparent;
    background-clip: text;
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

    #logo{
        margin-bottom: 40px;
    }

}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    #logo{
        margin-bottom: 90px;
    }

    .row{
        margin-bottom: 30px;
    }
}