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


* {  margin: 0em;
    padding: 0em;
    border: 0em;
    box-sizing: border-box;
    color:#950000;
     text-decoration: none;
    text-transform: none;
     list-style: none;


}

body {
   margin: 1em;
    background-color:#fff1a6;
   font-family: 'Amaranth', sans-serif;
  
}
header{
   margin: .1em; 
    margin-bottom: 1em;
    padding: .1em;
    font-size: .95em;
   display: flex;
 justify-content: center;

    
  }




header nav ul{
   display: flex;
 align-content: center;

}
header nav ul li{
    margin: .3em;
    padding: .6em;
    background-color:rgb(247, 160, 97);
    font-size: .95em;
    border-radius: 2em;
   flex-wrap: wrap;
   
}
header a img {margin: .5em;}
 header nav ul li a{display:flex;
justify-content: center;
align-items: center;
padding: .1em;}


li:hover a{
    color: white
}


h1{background-color:rgb(250, 202, 167);
 text-align:justify;
    border-radius: .2em;
    margin-bottom: 1em;
padding: .2em; 
 font-family: 'Amaranth', sans-serif;
    font-weight: 500;
    
   }

h2{ margin: .6em;
    padding: .2em;
    font-size:1em;
    text-decoration: underline double;
    line-height:2em;
    
}


#mifoto {border-radius: 100%;
    width:15em;
    height:15em;
    margin: .2em;
    margin-bottom:2em;  }

#redes {
    margin-bottom: 2em 5em;
 margin: 1em;
 }


h3 {background-color:rgb(250, 202, 167);

    font-size: 25px;
   display: block;
    padding: .2em;
    border-radius: .1em;
    margin-bottom: .5em;
    margin-top: 1em;
  font-family: 'Amaranth', sans-serif;
      font-weight: 500;

}
#materias {
    font-weight:bolder;
    padding: 1em;
    display: flex;
    flex-direction: column;
 background-color:rgb(255, 253, 197);
    padding-bottom: 1rem;
    border-radius: 1em;
    font-family: 'Mukta Mahee', sans-serif;
 
}


.catedra p a{
    background-position:left;
    color:rgb(255, 108, 0);
    font-size: .95em;
    font-style: italic;
    font-size: .8em;
    font-weight: 100;
 
   
 }
 li:hover a{
    color: white
}

div{display: flex;

}


section p{  font-family: 'Mukta Mahee', sans-serif;
    font-weight: 100;
text-align: center;}

section ul{
   display: flex;
    flex-direction: column;
    

    margin-top: .5em;
    
   } 
section ul li{
   display: flex;
  
    margin-bottom: .2em;
    font-family: 'Mukta Mahee', sans-serif;
    
}
section ul li a{background-color:rgb(247, 160, 97);
     font-size: .95em;
width: 15em;
     padding:.8em .6em; 
    border-radius: .3em;
    font-weight: bolder;
text-align: center;
    
}


#datos ul li{ background-color:rgb(255, 253, 197);
    padding: 1em;
    border-radius: .5em;
    margin-bottom: .5em;
    margin-top: .2em;
      font-family: 'Mukta Mahee', sans-serif;
    font-weight: 100;
    line-height: -0.8em; 
    



}
footer p{
    margin-top: 3em;
    padding:.5em;
 color:black;
    font-size: .8em;
    background-color:beige;}

@media (min-width: 30em){
    header {justify-content: flex-start;}
    
    }