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

body {font-family: 'Roboto', sans-serif;
    background-color: whitesmoke;
    flex-direction: column;
    justify-content: space-between}

body li {list-style: none;}

header {height: 3em;
        display: flex;
        align-items: auto;}

header nav ul {list-style: none;
    display: flex}

header ul li a {font-family: 'Roboto', sans-serif;
                display: block;
                max-width: 17em;
                text-decoration: none;
                text-align: auto;
                box-sizing: border-box;
                background-color: grey;
                color: white;
                padding: .8em;
                font-size: .9em;
                align-items: center;
                flex-direction: space-between;
                margin-bottom: 0.4em}

#perfil {display: block;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        border-radius: 50%;
        max-height: 12em;
        margin-bottom: 2.5em}

footer {font-size: .7em;
        justify-content: center}

h1 {font-family: 'Anton', sans-serif;
    text-align: center;
    font-weight: lighter;
    margin-top: 1em}

h2 {font-family: 'Anton', sans-serif;
    text-align: center;
    font-weight: lighter;
    color: medium}

.materias1 {font-family: 'Roboto', sans-serif;
            margin-bottom: 0.9em;
            display: block;
            text-align: center;}
    
.materias2 {font-family: 'Roboto', sans-serif;
            margin-bottom: 0.9em;
            display: block;
            text-align: center;}

#propuesta {max-width: 100%;
            display: block;
            margin: auto}

p {font-family: 'Roboto', sans-serif;
    text-align: center;
    margin-bottom: .8em}

.introduccion {background-color: mediumpurple}

.footer {margin-top: 1em;
        font-family: 'Roboto', sans-serif;
        padding: .6em;
        background-color: lightgrey}