#root{max-width:1280px;margin:0 auto;padding:2rem}header{height:110px;display:flex;align-items:center;padding-block:10px}header .site-logo{margin-right:auto;text-transform:uppercase;font-weight:900}header a{text-decoration:none;padding:5px 20px;font-weight:600;color:#4d4d4d}header a:hover{color:#161616;text-decoration:underline}.active{background-color:gray;color:#fff}.active:hover{color:#fff}.about-page-content{padding-inline:23px;color:#161616;margin-bottom:55px}.home,.contact,.projects{padding:1rem}.home h1{line-height:1rem}.home p{max-width:50rem}.home .profile-photo{width:150px;height:auto;border-radius:50%}.home .img-container{display:grid;grid-template-columns:15rem 1fr}.projects h1{margin-bottom:1rem}.projects .project-details{padding:1rem}.contact .email svg{display:inline-block}.project-name .contracted{max-width:80%;cursor:pointer}.project-name .expanded{max-width:100%;cursor:pointer}@media screen and (min-width: 600px){.projects .project-details{padding:1rem;display:grid;grid-template-columns:1fr 1fr}}*{box-sizing:border-box}html,body,header{margin:0;padding:0;background-color:#fff7ed;font-family:Poppins,sans-serif}