body,html{height:100%;margin:0;padding:0;font-family:Lato,sans-serif;font-weight:400;font-style:normal}.container{max-width:60vw;margin:auto}header{display:flex;justify-content:space-between;padding-top:10px}nav.main-nav a{text-decoration:none;color:#1d1d1d;opacity:.64;margin-right:25px}nav.main-nav a:hover{color:#000}nav.main-nav a:nth-child(3),nav.main-nav a:nth-child(4){display:none}.hamburger-icons{display:none;flex-direction:column;cursor:pointer;transition:transform .3s ease;z-index:99999}.hamburger-icons div{width:25px;height:3px;background-color:#000;margin:4px 0;transition:transform .3s ease}.hamburger-icons.open{transform:rotate(-90deg)}main{padding-top:100px}.hero-container{display:flex}.hero-container .author{font-size:4rem;margin:0;line-height:.8;padding-bottom:30px}.hero-container .role{opacity:.64;font-size:1.5rem;letter-spacing:.51}.hero-container .hero-image img{width:290px}.projects{padding-top:100px}.projects ul{list-style:none;padding:0;margin:0}.projects li a{text-decoration-color:#1d1d1d}.projects .project-title{opacity:.64;color:#000}.projects .project-description{color:#000;opacity:.64}.projects .project-title:hover,.projects .project-description:hover{opacity:1}footer{padding:80px 0 20px}footer nav a{text-decoration:underline;text-decoration-color:#1d1d1d;color:#1d1d1d;opacity:.64;margin-right:25px}footer nav a:hover{color:#000;opacity:1}footer nav{display:flex;justify-content:center;flex-wrap:wrap}.credits{display:flex;flex-direction:column;align-items:center;height:130px;justify-content:center}@media (max-width: 768px){.container{max-width:100vw}header{padding:20px}.main-nav{background-color:#fff;position:fixed;left:0;top:0;height:100vh;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:25px;z-index:1;display:none}.main-nav.open,.hamburger-icons{display:flex}.main-nav a{font-size:2rem}nav.main-nav a:nth-child(3),nav.main-nav a:nth-child(4){display:block}.hero-image{display:none}main{padding:40px}footer nav{flex-direction:column;align-items:center;gap:10px}}