html{font-size: 14px;}
*{font-family:"lato", sans-serif;}
*{box-sizing: border-box;}
*{text-align: center;}





/* Agustina Gamietea */
body {background: darkcyan;}
h1{color: #ffffff; font-size: rem; margin: 1rem; text-align: center;}





/* VN21 e Integrantes */
header {background-color: #525151; width: 100%; height: 75px; }
nav ul li a{text-align: center; list-style: none; float: center; padding: 0px; margin: 2rem; color: #ffffff; display: block;}
ul li {list-style-type: none; display: inline-table;}
ul li a{color: #ffffff;  text-decoration: none; text-align: center; list-style-type: none; padding: 1rem 1rem 1rem 1rem; margin: 5rem;}

    
    


/* Nuestros nombres */
h3 {color: whitesmoke; font-size: 1rem; margin: 0; padding:0;} 
header a {text-decoration: none;}
header a h3:hover{color: darkcyan}
header img{align-content: center; width: 100%}
   



/* Mi nombre y Carrera */
body {background: darkcyan; font-family: sans-serif; padding: 1rem 0rem 1rem 0rem;}

.nombrecarrera{background: #ffffff; padding: 2rem 0rem 2rem 0rem;}
.nombrecarrera img{display:block; margin:auto;}
.nombrecarrera h1{color: darkcyan; font-size: 2rem; margin: 1rem; text-align: center;}
.nombrecarrera h2{color: darkcyan; font-size: 1.5rem; margin: auto; text-align: center;} 




/* niveles */
p {color: #ffffff; font-size: 12px; text-align: left; line-height: 20px;}
.niveles{display: inline-flex; flex-direction: row; text-align:center; margin: 2rem; float: none;}
.niveles article{display: inline-block ;margin: 2rem; list-style: none; float: center; margin: 2rem; color: #ffffff; display: block; }  
.niveles article h4 {text-align: left; color: #fde477; font-size: 1rem; margin: 0; padding:0;} 





/* pie de pagina*/
footer {background:darkcyan  border: 0.5rem;  }
footer p {color:#ffffff; text-align: center; font-size: 0.8rem; padding: 1rem 2rem 1rem 2rem}








/* responsive */


@media (max-width:750px){
    
    
     body{background: #eb1122;}
   
    .nombrecarrera h1{color: #eb1122;}
   
    .nombrecarrera h2{color: #eb1122;}
    
    nav ul li a{color:azure;
        font-size: 3px; 
        display: block;
        line-height: 0.7rem;
        padding: 0.2rem 0.5rem 0.2rem 0.5rem;
        margin: 10px;
        text-align: center;}   
}







@media (max-width:360px){
   
    body{background: #eb1122;}
   
    .nombrecarrera h1{color: #eb1122;}
   
    .nombrecarrera h2{color: #eb1122;}
    
    nav ul li a{color:azure;
        font-size: 3px; 
        display: block;
        line-height: 0.7rem;
        padding: 0.2rem 0.5rem 0.2rem 0.5rem;
        margin: 5px;
        text-align: center;}    
    
    
    .niveles {display:inline-flex;
       float: none; 
       text-align: center;
       display: inline-block; 
       flex-direction: column;
       flex-wrap: nowrap;}
	

}