html{
    background-color: azure;
    font-family: sans-serif;
}


header{
    display: flex;
    justify-content: center;
    size
    
}

.logo{
    height: 200px;
    width: 200px;
    display: block;
    align-items: center;
}

.nombre{
    margin: 5px 5px 5px 20px;
    font-style: normal;
    font-size: 16px;
    color: #67b1f2;
    font-family: Verdana;
    background: #d9f4fd;
    width: 90%;
    text-align: center;

}




head{
     align-content: center
}

body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif;
}

section p{
    color:#4b0969;
}


.contenedor{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-flow: nowrap;
    justify-content:space-around;
    align-items: center;
    margin: 1em;
    padding: 0;
    list-style: none;
}

.menu{
    background:#d7a8e2;
    padding: 1px;
    width: 90%;
    height: 50px;
    margin-top: 10px;
margin: 10px 10px 10px 10px;
    flex-direction: row;
line-height: 50px;
    align-items: center;
    color: aliceblue;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    box-shadow: 20px 20px;
   
    
}

.titulos {

    color: aliceblue;
    background: #ad34ad;
    width:2000px;
    height:30px;
    margin-top: auto;
    line-height: normal;
    text-align:left;
    margin: 10px
    padding: 10px 10px
       
}
.tit{ 
 color: aliceblue;
    background: #ad34ad;
    margin: 15px;
    display: flex;
    justify-content: center
     
    }
a{
   color: #4b0969;
    text-decoration: none;
    list-style: none;
    
}

a:hover {
    
    background: #ad34ad;
    color: aliceblue;
    padding:auto;
    margin: auto;
    
     
    
}

.menu2{
    background:#d7a8e2;
    padding: 1px;
    width: 90%;
    height: 50px;
    margin-top: 10px;
   margin: 10px 10px 10px 10px;
    flex-direction: column;
   line-height: 50px;
    align-items: center;
    color: aliceblue;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    text-decoration: none;


}

.menu2:hover{
    background: #88def2;
    color: #3f9fff;
    display: 
    padding:auto;
    margin: auto;

    
}

.materias {
    font-style: normal;
    font-size: 16px;
    color: #67b1f2;
    font-family: Verdana;
    background: #d9f4fd;
    margin: 5px 5px 5px 20px;
   
}

p{
   display: flex;
   margin: 5px 5px 5px 20px;
    
}
    

h5{
    margin: 5px 5px 5px 20px;
    font-style: normal;
    font-size: 16px;
    color: #67b1f2;
    font-family: Verdana;
    background: #d9f4fd;
    
    
    
}

.foto img{
    
    display: flex;
    width: 90%;
    align-items: center;
    align-content: center;
    justify-content: center;

    
    
    
    
}