@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--navy: #0a192f;--navy-opacity: #0a192ff6;--light-navy: #112240;--lightest-navy: #233554;--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6;--white: #e6f1ff;--green: #64ffda;--greenOpacity: #64ffda80;--greenOpacity1: rgba(100, 255, 219, 0) 1}body{background:var(--navy);color:var(--white);font-family:Inter,sans-serif}.header{font-family:Kode Mono,monospace}.scroll-slow{scroll-behavior:smooth}.hover-underline-animation{display:inline-block;position:relative;color:var(--green)}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.1px;bottom:0;left:0;background-color:var(--green);transform-origin:bottom right;transition:transform .35s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.moveHover:hover{transform:translate(-3px,-2px);transition:all .2s ease}.div-1{background-color:var(--greenOpacity)}.div-1:hover{background-color:var(--greenOpacity1);transition:all .5s ease}.div-1:hover~.div-2{transform:translate(-5px,-5px);transition:all .5s ease}.div-1~.div-3{transform:translate(10px,10px)}.div-1:hover~.div-3{transform:translate(15px,15px);transition:all .5s ease}.borderLeft{border-left:2px solid var(--slate)}.borderLeftSelect{border-left:2px solid var(--green)}.share-icon{stroke:var(--light-slate);transition:stroke .3s}.share-icon.hover{stroke:var(--green)}.hover-underline-animation-work{display:inline-block;position:relative}.hover-underline-animation-work:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.1px;bottom:0;left:0;background-color:var(--green);transform-origin:bottom right;transition:transform .35s ease-out}.hover-underline-animation-work:hover:after{transform:scaleX(1);transform-origin:bottom left}#header{transition:all .3s ease-in-out}.headerIn{z-index:9999;top:0;background-color:var(--navy-opacity);animation:slideDown .3s ease-in-out forwards}.headerOut{top:-50px;animation:slideUp .3s ease-in-out forwards}@keyframes slideUp{0%{top:0;opacity:1}to{top:-100px;opacity:0}}@keyframes slideDown{0%{top:-100px;opacity:0}to{top:0;opacity:1}}.menuIn{animation:menuIn .5s ease-in-out forwards;height:40vh}.menuOut{animation:menuOut .5s ease-in-out forwards;height:0}@keyframes menuIn{0%{height:0}to{height:auto}}@keyframes menuOut{0%{height:auto}to{height:0}}.menuVisible{opacity:1;animation:menuVisible 1s ease-in-out forwards}.menuInvisible{animation:menuInvisible .2s ease-in-out forwards;opacity:0}@keyframes menuVisible{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes menuInvisible{0%{opacity:1}to{opacity:0}}