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

body {font-family: 'Quicksand', sans-serif;
      background-color:white;
      justify-content: space-between;
   
     }

#avatar {
    border-radius: 50%;
    max-height:12em;
    max-height: 12em;
    margin: auto;
    display: block;
    }
   



main {list-style: none;}

body li {list-style: none;}
   

header {height: 3em;
        display: block;
        }

nav { width: 90%;
     margin:auto;
    
    
}

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

header ul li a {display: block;
                text-decoration: none;
                font-weight: lighter;
                text-align: center;
               box-sizing: border-box;
               background-color: #CE6382;
               color: white;
               padding: 0.3em;
               align-items: stretch;
               font-size: 1em;
                justify-content: space-between;
              }

footer {display: block;
        text-align: auto;
        box-sizing: border-box;
        background-color: #CE6382;
        color: white;
        padding: 0.3em;
        align-items: stretch;
    width: 80%;
    font-size: 0.7em;
    margin: auto;}



p {text-align:center;
       color:#CE6382;
    margin-top: 0.4em;
    margin-bottom:0.6em;
}

h1 {font-size:2em;
    margin: auto;
    color: #CE6382;
    text-align: center;
    
}

h2 {font-size: 1.5em;
    box-sizing: border-box;
    margin-bottom: 0.3em;
    background-color: #4CB275;
    color: white;
     padding: 0.3em;
    align-items: center;
    margin-top: 0.4em;
   text-align: center;
    width: 80%;
    margin:auto;}

.materias1 {margin-bottom: 0.9em;
            display: block;
            text-align: center;
            color: #4CB275;}
    
            

.materias2 {margin-bottom: 0.9em;
    display: block;
    text-align: center;
    color: #4CB275;}



ul li img {  display:block;
             max-width: 17.25em;
             max-height: 30em;
             margin: auto;
             margin-top: 0.9em;
             margin-bottom: 0.9em;
         }