body{ background: lightyellow;

    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header{
    display: flex;
    justify-content: space-between;
align-content: center;
max-height: 3.5em;   
}

.logoaprender{
 display: flex;
justify-content: flex-end;
align-content: center;
margin: auto;
}
#logo {
height: 100px;
width: 100px;

}

header a {color: #6AB742;
font-size: 20px;
font-family: 'Raleway', sans-serif;
    margin: 0.25em;

}


/*menu*/
#menu{
display:flex;
margin-left: auto; 
justify-content: flex-start;
    
}
nav ul{
    list-style: none;
    padding:0;
    
}

nav ul ul{
    display:none;

}

main{
    font-family: sans-serif;
    align-items: center;
    margin: auto;
flex-direction: column;
flex-grow: 1;

    
}

h1{
    font-family: 'Baloo Da', cursive;
    font-size: 50px;
    color: #7DD34A;
    
}
h2{
    color:#14ac00;
   font-family: 'Raleway', sans-serif;
font-size: 25px;
    
}
.calificaciones{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; 
    margin: auto;
    
}

.curso {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    

}
.materia {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
option {
    background:#ffffff;
    border: 6px;
    font-family: sans-serif;
    display: flex;
    font-size: 22px;
    
    
    
}

.archivo{
    flex-direction: column;
    margin: auto;
    margin-top: 2em;}
.archivo a{
    color:#14ac00;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    text-decoration: none;
}
.botones{
    display:flex;
    justify-content: space-around;
    align-content: stretch;


}
#ok{
margin-left: 10em;
    margin-top: 4em;
}
    
#atras{
    margin-right: 10em;
    margin-top: 4em;
}
    
    
    
}
footer{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-right: auto;
            max-height:15vh;
            position: absolute;
                        left: 0; 
                        bottom: 0; 
                        width: 100%;
}
    
}
.menu{
    display:flex;
    flex-direction: row;
    list-style: none;
    text-decoration: none;
    color: yellow;
justify-content: center;
    height: 70px;
max-width: 100vw; 
    
    

}

            nav ul {
                    list-style: none;
                    display: flex;
                    justify-content: space-between; 
                    align-content: stretch;
}
    
            nav ul li {
                        flex-grow: 1;
}

            nav ul li {
                        margin-left: .25em;
}

            nav ul li a {
                        padding:px;
                        border: 5 px; 
                        color: white;
                        text-decoration: none;
                        height: 4em;
                        width: 16em;
                        display: flex;
                        justify-content:center;
                        align-items: center;
                        font-family: 'Hammersmith One', sans-serif;
}

.botonb{
    background-color: #91DD5F;
    margin-left: 3px;
    
}

.botond{
    background-color:#6AB742;
    margin-left: 3px;
    
}
.botonc{
    background-color:#6AB742;
    margin-left: 3px;
    
}
.botone{
    background-color:#6AB742;
    margin-left: 3px;
    
}