@import url('https://fonts.googleapis.com/css?family=Jura:400,500|Press+Start+2P&display=swap');
/*font-family: 'Press Start 2P', cursive; */
@import url('https://fonts.googleapis.com/css?family=Jura:400,500&display=swap');
/* font-family: 'Jura', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Jura:400,500|Press+Start+2P&display=swap');
/*font-family: 'Fjalla One', sans-serif;*/

@import url('https://fonts.googleapis.com/css?family=Teko&display=swap');
/*font-family: 'Teko', sans-serif;*/







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



body {
    background-color: lightseagreen;
        margin: 0.3em;
    padding: 0.3em;
  display: flex;
    flex-direction: column;
    justify-content:  space-between;
    
}


.logo {
    background-color:rgb(0, 121, 160);
        width:100%;
    background-size: cover;
    padding: .5em 2vw .2em 2vw;
    display: flex;
    justify-content: space-between;
}

header {
    background-color:#b1e5f5;
        width:100%;
  padding: 0.50em 2em 0.50em 2em;
    display: flex; 
    justify-content: space-around;
    
    
}





header nav ul li {
     width: 4.5em;
    height: 100%;  


   
   
    
   
    
   
}



header nav ul{
    font-style: italic;
    list-style:none;
     display: flex;
    font-size: 1.1em; 
    
}






header nav ul li a {
   font-family: 'Teko', sans-serif;
    color: black;
    text-decoration: none;
font-weight:lighter;
     background-color: #82bcd0;
    margin: .25em;
       
    display: flex;
      justify-content: space-around;
    align-items: center; 
}





.usuario img { 
    border-radius:50%;
    max-width: 15em; 
    max-height: 15em;
   border-image-source: 70%; 
 
    border-width: inherit;
        margin:10px auto;
	display:block;; 

       

}




p1 {
    border-radius:10%;
     font-family: sans-serif; 
    color: black;
    padding: 1em 1em 1em 1em;
    margin: 1em; 
    font-size: 1em;
    background-color: rgba(173, 216, 230, 0.58);
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    text-align: center;
  line-height: 1.7em;
    font-family: 'Jura', sans-serif;
      
   
 }


.Carolina {
     font-size: 1.4em;
    font-family: fantasy; 
   text-shadow: 0 0 .5em;
    color: rgba(8, 20, 41, 0.94);
    text-transform: uppercase; 
    line-height: 1.3em;
    font-family: 'Press Start 2P', cursive;
    
     
    


}



h2 {

    background-color: lightblue;
    color: black;
    font-size: 1.3em;
    padding: 0.50em;
    font-family: 'Fjalla One', sans-serif;

}






p2 {
    border-radius:10%;
    color: black;
    padding: 1.6m;
    font-size: 1em;
    line-height: 1.6em;
    text-indent: 1em;
font-family: 'Jura', sans-serif;

       
}

h6 {
  font-family: 'Fjalla One', sans-serif;
    margin:0em;
    background-color: lightblue;
    color: black;
    font-size: 1.2em;
    padding: 0.50em;

}



h3 {
    font-family: 'Fjalla One', sans-serif; 
  
    margin:0em;
    background-color: rgba(173, 216, 230, 0.66);
    color: black;
    padding: 0.0em;
    font-size: 0.9em;
    padding: 0.50em;
    
}



h4 {
   font-family: 'Fjalla One', sans-serif;
    color: black;

    font-size: 0.6em;
   }



ul{  font-family: 'Jura', sans-serif;
     padding: 1em;
    font-size: 1em;
    text-decoration:underline; 
    color: white;
    list-style:none; 
}




footer {
   
    background-color: rgba(240, 248, 255, 0.15);
    color: black;
     margin: 0em; 
    padding: inherit; 
    font-size: 1em;
    font-style: italic;
   
}





p4{
    font-family: serif;
    color: black;
    font-size: 0.9em;
    list-style:circle;
    color: black;
    display: flex; 
    text-align: justify;
    font-style: italic;
}
   p5{
    font-family: arial;
    color: black;
    font-size: 0.5em;
    list-style:circle;
    color: black;
    display: flex; 
    text-align: justify;
    font-style: italic;
       
    
}