/*fonts*/




body{
    background-color: black;
}

.title{
    font-family: 'Gorditas', cursive;
    font-size: 2.5em;
    color: tan;
}

#menu ul {
    padding:0px;
    margin:0px;
    
    list-style:none;
    border: solid 1px rgb(236, 173, 236);
    border-left: none;
    border-right: none;
}

#menu ul li { 
    display: inline;
    
}

#menu ul li a {
    font-family: 'Gloria Hallelujah', cursive;
    padding: 2px 10px;
    display: inline-block;
    font-size: 1.3em;
    padding: 1em 1em;

    /* visual do link */
    
    color: darkgray;
    text-decoration: none;
    
}
#menu ul li a:hover{
    background-color: thistle;
    color: whitesmoke;
}

#box{

    width: 95%;
    margin: 1em auto;
    
    
}
#box h3{
    font-family: 'Gorditas', cursive;
    font-size: 3em;
    color: tan;
}

footer{
    position:relative;
    bottom:0;
    width:100%;
    background-color: lightgrey;
    padding: 1.5em 1px;
    
    text-align: center;
}
#autores{
    min-height: 55em;
   
    border-radius: 10px;
    margin: 1em 1px;
}
.social{
    max-width: 50%;
    border-radius: 50%;
    margin: 1em 1px;
}

#autores h2,#autores h4, #autores p{
    font-family: 'Open Sans', sans-serif;
}
#autores h2{
    font-size: 4em;
    font-style: bold;
}
#autores h4{
    font-size: 2.5em;
    font-style: oblique;
    

}
#autores p{
    font-size: 1.2em;
    font-style: italic;
    padding: 1em;
    text-align: left;
}
#autores a{
    font-style: italic;

}
#autores:hover{
    background-color: darkgrey;
    color: whitesmoke;
    width: 102%;
    transition: 300ms;
    display: block;
}
.compra{
    margin: 3em auto;
    font-size: 1.2em;
    

}
.compra p{
    font-family: cursive;
}