html {
    box-sizing: border-box;
     }
body {
    font-family: Arial, sans-serif;
    max-width: 100%;;margin:0
     } 
header {
    background-color: rgb(185, 163, 206);
    display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 1em;
       }
.contenedora {
    padding: 1em;
    display: flex;
    align-items: center;
             }
ul {list-style: none;padding: 0%;}
li {margin-bottom: 1em;}
.menu ul {list-style: none;display:flex}
.menu li {background-color:rgb(77, 22, 77); border-radius: 10%;padding: 1em; margin-left: 0.8em;}
.menu a {color: #FFFFFF;text-decoration: none;font-weight:bold}
main {background-color: rgb(34, 11, 34);}
.presentación {display: flex; flex-direction: column;align-items: center;justify-content: center;text-align: center;max-width: 100%;padding-top: 5em;}
.presentación #Ignacio {max-width: 50%;border-style: solid;border-color: white;border-radius: 100%;}
.presentación h1 {font-size: 3em;color: #ffffff;margin-top: 0.5em;margin-bottom: 0%;}
#estudiante {display:flex;align-items: center;justify-content: center;font-size: 1em;font-weight: bold;color: white;}
#estudiante img {margin-left: 0.5em;width: 5em;height: 5em;}
  
.materias {display:flex; padding: 2em;background-color: rgb(131, 100, 131);margin:3em;border-radius: 10%;flex-direction: column;}
.materias h2 {display:flex; color: white;margin: 0%;}
.materias ul li p {font-weight: bold; color: white;}
.materias ul li ul li {display:inline-flex; background-color: black;padding:0.2em; margin: 0.2em ;color: #FFFFFF; border-radius: 20%;}
  
.uno {display:flex; padding: 2em;margin:em;border-radius: 20%;justify-content: space-between;align-items:flex-start}
.institucional {background-color:rgb(131, 100, 131);padding: 2em;margin: 2em ;border-radius: 10%}
.institucional h2 {font-size: 1em;color: white;}

.portfolio {
    background-color: rgb(34, 11, 34);
           }
.portfolio div {
    display:flex;
    flex-direction: column;
               }
.portfolio h2 {
    color:#ffffff; 
    font-size: 2em;
    background-color: rgb(131, 100, 131);
    padding: 0.25em;
              }
article {
    background-color: rgb(131, 100, 131);
    padding: 3em;margin: 2em;
    border-radius:10%;
        }


article h3 {
    color:white;
    font-size: 1em;
           }

section img {
    max-width: 30%;
    max-height: 30%;
            }
footer {
    display: flex;
    background-color: rgb(131, 100, 131);
    font-size:x-small;
    color: black;
       }