#root{margin:0 auto;display:flex;flex-direction:column;gap:0}*{font-family:Skyer}nav{display:flex;justify-content:space-around;align-items:center;width:100%;height:auto;margin-top:2%;color:#000;background:transparent;font-size:2rem;position:fixed}@media (max-width: 840px){nav{flex-direction:column}}div{display:flex;align-items:center;gap:10px}a{display:flex;align-items:center;gap:10px;color:inherit;position:relative;padding:5px 0}a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;opacity:1;transition:opacity .3s,transform .3s;transform:scale(0);transform-origin:center}a:hover:after,a:focus:after{opacity:1;transform:scale(1)}#home{width:100%;height:100vh;background-image:radial-gradient(400% 400% at 40% 40%,white,var(--gray));justify-content:center}#wip{font-size:36px}#portfolio{width:100%;height:100vh;background-image:white}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--white: #FFFFFF;--black: #000000;--gray: #47464D;--lightgray: #F6F6F6;--orange: #FB742D}*{margin:0;padding:0;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{min-height:100vh}@font-face{font-family:Skyer;src:local("Skyer"),url(/assets/Skyer-418f1fb6.otf)}