html {font-family: 'Alegreya Sans', sans-serif;
}

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

body {background-color: #7B394C;
            }

header {
    background-color:#88b1d8; display: flex; flex-wrap: wrap;
}

.top{display: flex; flex-basis: 50%; flex-grow: 1; }
.ultop{flex-basis: 50%; flex-grow: 1; background-color: #0a1f5f; max-height: 4em; padding: .5em; box-sizing: border-box;} 
.dc {width: 100%; max-width: 100%;display: block;max-height: 4em;padding: .3em}
.app {width: 100%; max-width: 100%;display: block; max-height: 4em;
}

header ul { display: flex; justify-content: space-between;
    }

li {list-style: none;
    color: white;
    padding: .5em;
           }
p {
    line-height: 1.5rem;color: white
    }
a {color:white; text-decoration: none;
    }
article {flex-basis: 100%; flex-grow: 1;
margin-top: .8em; background-color:#0a1f5f; padding: .5em;}

h1 {display: block;
    font-size: 2.5em;
    font-weight: 700;
    color: white;
    }
h2 {
    font-size: 2rem;
    font-weight: 300;
    color: white;
    max-width:inherit;
}
h3{color: white;}

figure {width: 100%;
max-width: 100%;}


/*main*/

main div ul li {text-align:left;
                font-size: 1.2em;
                margin-top: .3em;
                padding: .3em;         
    
}
main div ul li ul li{font-size: .8em; height: 2em;}

/*class para main*/

.cuerpo {
    display: flex;
    flex-wrap: wrap;
            }
.materias {display: block; flex-wrap: wrap; flex-grow: 1;}
.perfil {flex-basis: 50%; flex-grow: 1;}

.av {width: 100%; max-width: 100%; display: block; box-shadow: 0 0.3em .3em black;}
.dg {flex-basis: 50%; flex-grow: 1; box-shadow: 0 0.3em .3em black;padding: 1em;}
.ec {flex-basis: 50%; flex-grow: 1;box-shadow: 0 0.3em .3em black; padding: 1em;}
.titulo {display:block; flex-basis: 100%; flex-grow: 1;padding: .5em; background-color:#F84592;box-shadow: 0 0.3em 1.5em black;}
.volver{box-shadow: 0 0.3em 1.5em black; justify-content: center;}

article a {font-size: 1.5em;}

footer {
    background-color:#88b1d8;
    color:black;
    font-size: .8rem;
    padding: 10px;
    margin-top: 3rem;
}

/* #0a1f5f */