/* @import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
br {
   display: block;
   margin: 5px 0;
}
h1 {
    font-size: 250%;
    /* font-family: 'Fredericka the Great'; */
    font-family: 'Roboto', sans-serif;
    /* 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
     /* -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
    /* color: rgba(212, 27, 20, 1); */
    color:cornsilk;
    background: rgba(116, 116, 116, 0);
    margin: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
    padding-top: 1em;

}
h2 {
    font-size: 100%;
    font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
    color:cornsilk;
    background: rgba(116, 116, 116, 0);
    margin: auto;
    width: 100%;
    letter-spacing: 0.09em;
    text-align: left;
    font-weight: 400;
    padding-bottom: 0.1em;
    padding-top: 0.1em;

}
#des {
    letter-spacing: 0.05em;
}
#des4 {
    font-size: 200%;
    letter-spacing: 0.05em;
    /* padding-bottom: 1em;
    padding-top: 1em; */
    font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
    color:cornsilk;
    background: rgba(116, 116, 116, 0);

}

p {
    font-size: 120%;
    letter-spacing: 0.05em;
    /* padding-bottom: 1em;
    padding-top: 1em; */
    font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
    color:cornsilk;
    background: rgba(116, 116, 116, 0);

}

#des2 {
    font-size: 150%;
    letter-spacing: 0.05em;
    /* padding-bottom: 1em;
    padding-top: 1em; */
}
#des3 {
    /* padding-top: 10em;
    padding-bottom: 10em; */
    /* font-size: 150%;
    letter-spacing: 0.05em; */
    /* margin-left: 4em; */
}

@-webkit-keyframes Passeio {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Passeio {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Passeio {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
a {
    font-size: 150%;
    /* background: radial-gradient(circle, rgba(230, 15, 15, 0.836) ,
    rgba(223, 37, 5, 0.836) 10%, rgba(0, 0, 0, 0) 100%); */
/*    background: radial-gradient(circle, rgb(8, 62, 143, 0.836) ,
    rgb(8, 62, 143, 0.836) 10%, rgba(0, 0, 0, 0) 100%); */
    background-size: 600% 600%;
    color: rgb(30, 80, 223, 1.0);
   
    background-clip: text;

    animation: Passeio 3s ease infinite;
    -moz-animation: Passeio 3s ease infinite;
    -webkit-animation: Passeio 3s ease infinite;
}

body {

    /* position: absolute; */
    height: 100%;
    width: 80%;
    padding: 2% 8% 2% 11%;
    background-color: rgb(8, 62, 143);
    background-size: 10% 50%;
    background-repeat: repeat;
    z-index: -2;
}

hr {
    margin-top: 1em;
    margin-bottom: 1em;
}

#principal {
    /* position: absolute; */
    height: 200%;
    width: 80%;
    padding: 2% 8% 92% 8%;
    background-color: rgb(39, 39, 39);
    background-size: 100% 100%;
    background-repeat: repeat;
    z-index: -1;
    /* margin: 2%; */
    
    /* margin-inline-start: 1em 1em 1em 1em; */
}