@charset "UTF-8";

:root {
    --Font-Header: 'Ms Madi', cursive;
}

header {
    background-color: #A70E13;
    text-align: center;
    padding: 8px 1px 8px 1px;
    margin: 0px;
    border-bottom: 10px solid #F6BC18;
}

h1 {
    color: #F6BC18;
    text-align: center;
    text-shadow: 2px 2px 0px #3f3007; /*Sombra no texto, msm parametro da Box*/
    font-family: var(--Font-Header);
    font-size: 75px; /*4em*/

    animation: fadeIn;
    animation-duration: 2.5s;
}

@media screen and (max-width: 495px) {
    h1 {
        font-size: 65px;
    }
}

@media screen and (max-width: 402px) {
    h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 372px) {
    h1 {
        font-size: 52px;
    }
}

.Logo {
    margin-top: 0px;
    margin-bottom: 0px;
}