h1,header p:nth-last-of-type(-n+2){text-align:center}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font:17px 'EB Garamond',sans-serif;background:url("../imgs/geometric_pattern.svg") top left/55% no-repeat #e9e6df}h1,h2{font-weight:400}h1{font-family:'EB Garamond',serif}em{font-style:normal;font-weight:700}a{color:#1772d0;text-decoration:none}ul{padding-left:25%}h4{padding-left:21%}article{margin:10px 3px}a:visited{color:#369}a:focus,a:hover{color:salmon;text-decoration:underline}article img{width:150px;margin:0 15px 0 0;float:left}.content-wrap{width:750px;max-width:95%;margin:0 auto;display:flex;flex-direction:column;border-bottom:1px dashed teal;padding:30px 0}header{font-size:18px;margin-top:8%}header .content-wrap{flex-direction:column-reverse;align-items:center;justify-content:center}.intro{flex:1 1 70%}.intro p{text-align:justify;text-justify:inter-word}.avatar{width:40%;height:40%;border-radius:50%;margin:10% 2% 2% 5%;max-width:100%;flex:1 1 30%}.university img{width:17%;margin:2%;border-radius:10%}footer .content-wrap{border-bottom:none}.footnote{font-size:small}@media screen and (max-width:500px){article img{display:block;width:180px;max-width:100%;margin-left:auto;margin-right:auto;float:none}header img{width:55%;height:55%}}@media screen and (max-width:700px){body{background-size:125%}header{margin-top:0}header .content-wrap{flex-direction:column-reverse;align-items:center;justify-content:center}}