* {
    font-family: 'Dosis', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body{
    background-color:#89BD52;
    min-height: 100vh;
    
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}

header{
    background-color:white;
    height: 6em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header img{
    max-width: 100%;
   
}

.logo{
    width: 16em;
}

.busqueda{
    justify-content: flex-end;
    height: 6em;
        
}

main{
    flex-grow: 1;
    margin: 1em 0;
}

.titulo{
    align-items: center;
    display: flex;
    flex-direction:row;
    margin-bottom: 1em;
    justify-content: center;
    height: 8em;
}

.titulo img{
    width: 10em;
}

h1{
    color: white;
    font-size: 3em;

}
.listado{
    display: flex;
    flex-wrap: wrap;
    flex-direction:row;
    justify-content: space-between;
    align-content: flex-start;
}
.listado article{
    background-color: #424243;
    color: white;


}

.fisicoquimica{
    width: 36em;
    margin-bottom: 2em; 
}

.online{
    color: #89BD52;
}
.historia{
   width: 36em;
   height: 4em;
   margin-bottom: 2em; 
}

.lengua{
    width: 36em;
    height: 4em;
    flex-direction: column;
}

h2{
    display: flex;
    align-items: center;
    font-size: 2em;
    margin-left: 1em;
   
}
h4{
    margin-left: 2em;
    color: #89BD52;
    display: flex;
    font-size: 1em;
    padding-bottom: 1em;
}

.titulolista {
    list-style: circle;
    font-size: 1em;
    font-weight: 600;
    font-family: sans-serif;
}

.despliegue {
    background-color: white;
    padding: 2em;
    color:#424243;
}

.despliegue ul li{
    color: #424243;
    
}

footer{
    justify-content: space-between;
    box-sizing: border-box;
    background-color:#424243;
    list-style: none;
    height: 6em;
}

footer ul{
    justify-content: space-between;
    display: flex;
    flex-direction:row;
}

footer ul li{
    height: 6em;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    flex-grow: 25%;   
}
.navlogo{
    max-height: 5em;
}