@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap');

html::-webkit-scrollbar
{
    width: 9px;
}

html::-webkit-scrollbar-track
{
    background-color: rgb(51, 51, 51);
}

html::-webkit-scrollbar-thumb
{
    background-color:#e20d0d;
    border-radius: 27px;
}

abbr:hover
{
    font-size:1.2em
}


body
{
    margin: 0px ;
    padding: 0 1%;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 100%;
}

code, pre
{
    font-size: 1.08em;
    font-family: 'Vast Shadow', cursive;
    color: #e20d0d;
}

footer 
{
    height: 90px;
}

.descri
{
    width: 45%;
    float: right;
}

#header
{
    width: 100%;
    height: 300px;

}

header
{
    text-align: center;
    width: 99%;
    height: 300px;
    background-image: url(../../../XXXMATERIAISXXX/IMAGENS/rainbow.jpg);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 0px 0px 9px 9px;
    margin: 0%;
}

h1
{
    position:absolute;
    right: 25%;
    font-size: 6em;
    font-weight: 900;
    font-family: 'Gloria Hallelujah', cursive;
}

h2
{
    font-size: 27px;
}

h3
{
    font-size: 18px;
}

.tiposcss
{
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    width: 45%;
}

main
{
    margin: 9px;
}

section
{
    padding: 9px;
    margin: 9px;
    box-shadow: #c4e17f -3px 0px 3px, #61c2e4 3px 0px 3px ;
    border-radius: 9px;

    background-image: linear-gradient(to right,
    #c4e17f, #f7fdca, #fad071, #f0766b, #db9dbe, #c49cdf, #6599e2, #61c2e4);
    background-size: 100% 10px;
    background-repeat: no-repeat;

}

table td
{
    padding: 6px;
}

.lvl
{
    border: solid ;
    padding: 1.5px;
}

.voltar
{
    position: fixed;
    bottom: 6%;
}