:root{--main-bg:#fcf9f4;--green-color:#bdd9b2;--blue-color:#aaddf0;--purple-color:#e3ddf3;--yellow-color:#f8e4a1;isolation:isolate}.rootDiv{isolation:isolate}html,body{background-color:#fcf9f4;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button{all:unset}a:focus-visible,button:focus-visible{outline:3.5px dashed #ff8c00}#side-nav a:focus-visible{background-color:#ff8c00!important}h1,h2,h3,h4{margin:0;padding:0}h1{font-family:aktiv-grotesk-extended,sans-serif}p{all:unset;font-size:26px;font-weight:300}a{color:inherit;cursor:pointer;text-decoration:none}b{all:unset}*{box-sizing:border-box}a{cursor:pointer}ul{margin:0;padding:0}ul li{list-style:none}h1{font-weight:700}.underline{text-underline-offset:.3rem;text-decoration:underline;text-decoration-thickness:1.5px}.white{color:var(--main-bg)}.white a:before{content:"";opacity:1;z-index:0;width:auto;height:1.5px;transition:all .3s;display:block;position:relative;top:1.9rem;left:0;transform:scaleX(0%);background-color:var(--main-bg)!important}.hoverEffect{z-index:10;position:relative}.hoverEffect:before{content:"";background-color:var(--main-bg);opacity:0;z-index:-1;transform-origin:0;width:100%;height:100%;transition:opacity 1s,transform .8s;display:block;position:absolute;top:0;left:0;transform:scaleX(0%)}.hoverEffect:hover:before{opacity:.75;transform-origin:0;transition:transform .8s;position:absolute;transform:scaleX(100%)}.hoverEffectItem{flex-shrink:0}#navSkip{color:#fff;z-index:-1;padding:.6em;transition:transform .3s;position:absolute;top:.3rem;left:1rem;transform:translateY(-150%)}#navSkip:focus-visible{z-index:100;background:#000;outline:5px dashed #ff8c00;transform:translateY(0)}#video{z-index:0;animation-name:fadeInVideo;animation-duration:.6s}@keyframes fadeInVideo{0%{opacity:0}to{opacity:1}}#project-list{transition:all .5s}#side-nav{z-index:10;flex-direction:column;justify-content:space-evenly;align-items:center;width:3rem;height:15rem;display:flex;position:sticky;top:20rem;bottom:200rem}#side-nav a:hover{background-color:#fcf9f4}#side-nav a{shape-outside:circle();border:2px solid;border-radius:50%;width:15px;height:15px}footer{color:#fff;background-color:#000;height:5rem;position:relative}@media (max-width:800px){#side-nav{display:none}.white{color:#000}}