@charset "utf-8";

*{margin: 4; padding: 0;box-sizing: border-box;}

html{
    height: 100%
}

body{
 background-color: aliceblue;
    font-family: sans-serif;
    
    
    }

ul{
    list-style: none;
    margin: 0;
    padding: 0;
       text-align: center;
    
}

ol{
       text-align: center;
}
a{
text-decoration: none;  
    
}

img{
    width: 80%;
}
.usuario img{
    width: 35%;
     display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
    margin: auto;
    
}

h1{
    color: cornflowerblue;
    font-size: 40px;
    font-family: serif;
    text-align: center;
    
}

h3{
    color:darkblue;
       text-align: center;    

    
}

h4{
    color: black;
       text-align: center;
}

/* mobile first*/

header{
    text-align: center;
    
    
    
}

header nav ul li a{
    color: black;
    font-size: 16px;
    background-color: cornflowerblue;
    display: block;
    margin: 10px 5px;
       text-align: center; 
     font-weight: 400;
     width: 100%;
    
    display: flex;
    
   
    

} 


#logo, header {
    
    display: inline-block;
     width: 35%;
}

article#usuario h1{
    line-height: 2em;
    padding: 0.3em;
    text-align: center;
    
}

selection#tema{
    line-height: 3em;
    padding: 0.5em;
    text-align: center;
}


section div img{
     width: 50%;
     display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
    margin: auto;
}

footer img{
     width: 20%; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
    margin: auto;
   
}
footer{
     background-color:cornflowerblue;
    font-size: 10px;
}