/* selector { propiedad: valor; } */

*{
 padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
      
  
}


body{
  background-color: #f5fff9;
    padding: 5em;
	background-size: cover;
	background-attachment: fixed;
    font-family: 'Josefin Sans', sans-serif;
}



.contenedor{
    padding:1em 0;
    margin: auto;
    width: 40em;
    display: flex;
    justify-content: space-between;
    align-content: center;
}


.contenedor div{
    max-width: %100;
    width: 9em;
    box-shadow: 0.01em 0.1em black;
    text-decoration: none;
   text-align: center;
}

.contenedor div:hover{
    background-color: #ff0080;
}

.contenedor ul li{
    width: auto;
    max-width: %100;
     list-style:none;
    text-decoration: none;
        
}

.contenedor ul li a{
    color: black;
    font-family:'Josefin Sans', sans-serif;
    text-decoration: none;
        
}


.contenedor ul li a:hover{
    color: #ff0080;
}



figure{
    width:auto;
    height: 15em;
     
}


img{
max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    border-radius: 9em;
    
}



article{
    background-image: url(100_3477%20copia.jpg);
    height: 30em;
     width: 40em;
     margin: auto;
}


.centro{
    display: flex;
    width: 38em;
    height: auto;
    padding: 1em 0;
    margin: auto;
    justify-content: space-between;
    flex-direction: row;

}




h2{
    color: #8cad98;
   
}


.contenedorgeneral{
    display: flex;
    width: 25em;
    height: 19em;
    flex-direction: column;
}

.materiasgeneral{
    display: flex;
    width: auto;
    justify-content: space-between;
}

h3{
    color: white;
    
}

.materias{
    width: 15em;
    display: flex;
 
    
}
div p{
    color: #ffffff;
}


article a{
     font-family: 'Josefin Sans' 700, sans-serif;
    text-decoration: none;
    color: rgba(255, 0, 128, 0);
    padding: 0 0 0 0.5em;
     font-weight: 600;
    
}

article a:hover{
    color:#ff0080;
}






.contenedorrotulos{
    padding:0.5em 0;
    margin: auto;
    width: 40em;
    display: flex;
    justify-content: space-between;
    align-content: center;
}


.contenedorrotulos div{
    max-width: %100;
    width: 12.5em;
    box-shadow: 0.01em 0em black;
    text-decoration: none;
   text-align: center;
}

.contenedorrotulos div:hover{
    background-color: #8cad98;
     box-shadow: 0.01em 0.05em black;
}

.contenedorrotulos ul li{
    width: auto;
    max-width: %100;
     list-style:none;
    text-decoration: none;
        
}

.contenedorrotulos ul li a{
    color: black;
    font-family:'Josefin Sans', sans-serif;
    text-decoration: none;
        
}


.contenedorrotulos ul li a:hover{
    color: white;
}










footer div{
    background-color: #8cad98;
    padding: 0.5em 2em;
    width: 40em;
    margin: 0.5em auto;
    
}



footer div p{
    font-size: 0.6em;
    color: white;
}