@charset"utf-8";


#logo{
    margin: 10px auto;
    text-align: center;
   
    
    
    
}
p{font-family: sans-serif;color:#FFFDE2;
background-color:#B25F76}
body {text-align: center;
        background-color: #FFFDE2;
width:auto;}
}

.h1 {
    color:#FFFDE2;
    margin-bottom: 0.5em;
    font-family:sans-serif;
    font-size: 30px;
    padding: 0.5em;
    
    
}

h2 {
    color:#FFFDE2;
    
    display:block;
    padding: 0.2em;

}
li{list-style: none;
    padding: 5px}

.nivel1{display:flex;
    flex-direction: column;
    background-color:#B25F76; 
        font-family: sans-serif;
    padding: 10px;
}


.nivel2{display: flex;
    flex-direction: column;
  

    background-color:#B25F76;font-family: sans-serif}

.materias{display: flex;flex-direction: column; background-color: #B25F76;font-family: sans-serif;padding: 10px;}

footer{padding:15px;
        font-size:12px;}
atras{text-decoration:none;}

@media screen and(min-width: 600px){
    .nivel1 {flex-direction: row;}
}