html{font-size:62.5%}body{font-size:1.6rem;color:#000}header{border-bottom:0.2rem solid #000}nav{text-align:right}nav a{font-size:1.8rem;font-weight:bold;color:black;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;padding:1.2rem 0;border-top:0.2rem solid #000;font-size:1.2rem;color:#555}h1{font-size:2.4rem}h2{font-size:2rem}.profile-header{display:flex;gap:3rem;margin-bottom:2rem;align-items:flex-start}.profile-pic{width:20rem;height:auto;border-radius:0.8rem}.bio{flex:1}@media (max-width:640px){.profile-header{flex-direction:column;align-items:center;text-align:center}}article .header{font-size:1.4rem;font-style:italic;color:#555}.logo a{font-weight:bold;color:#000;text-decoration:none}@media (max-width:319px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:block;line-height:1.6}}@media (min-width:320px){body{width:94%;margin:0;padding:0 3%}header{margin:2.1rem 0}nav{margin:0 auto 2rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 2rem}.logo a{font-size:2.6rem}nav a{display:inline-block;margin:0.5rem 0.8rem}}@media (min-width:640px){body{width:80rem;margin:0 auto;padding:0}header{margin:0 0 3rem;padding:2.4rem 0;display:flex;justify-content:space-between;align-items:baseline}nav{margin:0;text-align:right}nav a{margin:0 0 0 1.8rem;display:inline;font-size:2rem}footer{text-align:right}.logo{margin:0;text-align:left}.logo a{font-size:2.8rem}}