*{
    background-color:lightcyan;
    font-family: serif;
    margin: 2%;
   
    
}

nav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
}

ul li a {
    color: lightslategray;
    text-decoration: none;
    
}

nav ul li a:hover{
   color: deeppink;
}

h1{
   font-size: 45px;
   text-align: center;
    color: deeppink 
}

li{
    list-style-type: none;
}
.materias{
    display: flex;
    color: black;
    font-size: 14px;
}

#fotoytexto{
    display: flex;
    flex-direction: row;
    background-color: lightblue;
    justify-content: center;
}

#texto{
    display: flex;
    flex-direction: column;
    background-color: lightblue;
}

h3 {
    background-color: lightblue;
    color: deeppink;
}
h4 {
    background-color: lightblue;
    color: deeppink
}
#niveles{
    display: flex;
    flex-direction: column;
    border-style: solid;
    border-color: lightblue;
}

h5{
    font-style: italic;
    color: lightslategrey;
    justify-content: center;
}

.materiasaprobadas{
    text-decoration: underline;
    font-size: 12pt;
    color: lightslategrey;
    
}
footer{
    background-color: lightblue;
    display: flex;
    flex-direction: row;
    margin: 30pt;
}
.importante{
    font-variant: small-caps;
    font-size: 11pt;
}
p{
    font-size: 12px;
    color: dimgrey;
    background-color: lightblue;
    padding: 3px;
}

#uba{
    display: flex;
    flex-direction: column;
     background-color: lightblue;
}

#fadu{
    display: flex;
    flex-direction: column;
     background-color: lightblue;
   margin-right:
}