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

body{background-color: #FFFFFF  ; 
font-family: 'Indie Flower', cursive;
 text-align: center; font-size: 1.5rem}
header{background: black;}
h1{color: #9bde95; font-family: 'Indie Flower', cursive;

 font-size: 5rem}
h2{color: #9bde95; font-family: 'Indie Flower', cursive;

 font-size: 4rem}
footer p{color: #939292; font-size: 1rem;}
.menu{
    background:#ffffe0;
    box-shadow: #9bde95 0rem 0rem 1rem;
    padding: 2%;
    margin: 2%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;

}
.imagenes{

}
.img1{ 
    width: 20%;
    display:inline-flex;
margin-right: 17%;    
}
.img2{
    width: 18%;
    display:inline-flex
    
}
.img3{
    width: 15%;
    display:inline-flex;
    margin-bottom: 0.5rem; 
    margin-right:3%;
    margin-left: 17%

}
.contenedor-rotulo{
	margin-top: 0%;
	display: inline-block;
background-color: white;
text-align: center;
}
.contenedor-materias{
	display: inline-block;
margin: auto;
text-align: center;
font-family: 'Indie Flower', cursive;


}
.materiasn1{ 
    background:white;
    width: 50%;
    padding: 1%;
    min-height: 10rem;
    border-radius: 10;
    	display: inline-block;
margin: auto;
text-align: center;
background-color: #9bde95;
color:  lightyellow;

    }
.logo{width: 50%
}
  .materiasn2{ 
    background:white;
    width: 50%;
    padding: 1%;
    min-height: 10rem;
    border-radius: 10;
    display: inline-block;
margin-top:2%;
text-align: center;
background-color: #9bde95;
color:  lightyellow;

}
.logo{width: 50%
}
.materiasn3{ 
    background:white;
    width: 50%;
    padding: 1%;
    min-height: 10rem;
    border-radius: 10;
    display: inline-block;
margin-top: 2%;
text-align: center;
background-color:#9bde95;
color:  lightyellow;

 }
.logo{width: 50%
 }
 .contenedor-informacion{
 	display: flex;
	flex-direction: row;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
	align-items: center;
	align-content: flex-start;
 	margin-top: 5%;
 	font-family: 'Indie Flower', cursive;

 
 }

.informacion {
	
color:  #9bde95;
text-align: left;

    }
    .informacion1 {
color:  #9bde95;
text-align: right;
margin-top: -5.2%;


    }