/* selector {propiedad:valor;}
*/
 
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@200;600&display=swap');
 
*{margin: 1; padding: 0; box-sizing: border-box;}
 
body{background:rgb(216, 252, 190); font-family: 'Barlow Semi Condensed', sans-serif; text-align: center; font-size: 0.9rem}
header{background: #ffffff;}
h1{color: #ce9f1f; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 3.1rem}
h2{color: #ce9f1f; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 2rem}
h3{color: #ce9f1f; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 3rem}
h4{color: #ce9f1f; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 2.7rem}

.contenedor{background:white;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    padding: 2%;
    margin: 2%;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
    align-content: flex-start;
}
li{
    list-style: none;
}
.menu{
    background:white;
    box-shadow: rgba(23, 23, 23, 0.28) 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;
}
.item{
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-size: 1rem;
    padding:0.5rem;
    color: black;
    margin:0.5rem;
}
.item:hover{
    color:#73a6d9;
    transform: scale(1.1);
}
.materias-uno{ 
    background:white;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    padding: 2%;
    margin: 2%;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: flex-start;
}
.materias-dos{
    background:white;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    padding: 2%;
    margin: 2%;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: flex-start;
}
.materias-tres{background:white;
    box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
    padding: 2%;
    margin: 2%;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
    align-content: flex-start;}
.materias-cuatro{background:white;
        box-shadow: rgba(23, 23, 23, 0.28) 0rem 0rem 1rem;
        padding: 2%;
        margin: 2%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        align-content: flex-start;
}
footer p{color: black;
    font-style: italic;
    font-size: 0.7rem;}
p{color:black;
    font-family: 'Barlow Semi Condensed', sans-serif; 
    font-size: 3rem
}