@font-face{font-family:Inter Regular;font-style:normal;font-weight:400;src:local("Inter Regular"),url(/src/fonts/Inter-Regular.woff) format("woff")}@font-face{font-family:Inter Light;font-style:normal;font-weight:400;src:local("Inter Light"),url(/src/fonts/Inter-Light.ttf) format("woff")}@font-face{font-family:Inter Semi Bold;font-style:normal;font-weight:400;src:local("Inter Semi Bold"),url(/src/fonts/Inter-SemiBold.woff) format("woff")}@font-face{font-family:Inter Bold;font-style:normal;font-weight:400;src:local("Inter Bold"),url(/src/fonts/Inter-Bold.woff) format("woff")}body{font-family:sans-serif;background-color:#030b33}#container,#css_container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#smooth-content{height:1800vh}#percentage{right:20px}#guide,#percentage{position:fixed;bottom:10px;z-index:100;font-size:16px;background-color:transparent;color:#fff;border:0}#guide{left:20px;opacity:0;transition:all .3s ease}div{color:#fff!important;font-family:sans-serif}body{margin:0;font-family:monospace;color:#fff}#container,#css_container,canvas{position:fixed;top:0;left:0}#scroll_container{width:100vw;height:100vh;overflow:scroll;scroll-behavior:smooth;z-index:99;position:absolute}#scroll-icon{transition:opacity .5s ease}#footer-links{transition:opacity 1s ease}section{min-height:1800vh;height:1800vh}#scrollProgress{position:fixed;bottom:10px;right:20px;z-index:99;font-size:3vh}#percent_bar{position:fixed;top:0;right:0;width:10px;height:100%;background-color:hsla(0,0%,100%,.5);z-index:100;display:none}.navigation{position:fixed;top:50%;transform:translateY(-50%);right:0;z-index:9}@media (min-width:768px){.navigation{right:10px}}.navigation .item{display:flex;align-items:center;flex-direction:row;padding:20px 0;position:relative}.navigation .item .label{margin-right:15px;opacity:0;visibility:hidden;position:absolute;right:100%;font-weight:700;font-size:12px;white-space:nowrap;transition:all .3s ease}.navigation .item .filler{display:none}.navigation .item .bar{width:4px;height:4px;background-color:hsla(0,0%,100%,.3);margin:0 10px;overflow-x:hidden;position:relative;transition:all .3s ease}.navigation .item .number{display:none;font-size:12px}@media (min-width:1025px){.navigation .item .number{display:block}}.navigation .item .number.before{opacity:.3;transition:all .3s ease}.navigation .item .number.after{opacity:0;transition:all .3s ease}.navigation .item:not(.active):hover{cursor:pointer}.navigation .item:not(.active):hover .filler{display:block}@media (min-width:1025px){.navigation .item:not(.active):hover .label{opacity:1;visibility:visible}}.navigation .item:not(.active):hover .bar{background-color:#fff}.navigation .item:not(.active):hover .number.before{opacity:1}.navigation .item.active .number.before{opacity:0}.navigation .item.active .number.after{opacity:1}.navigation .item.active .bar{height:60px}@media (min-width:1025px){.navigation .item.active .bar{height:170px}}.navigation .item.active .bar .filler{background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);width:100%;display:block;transition:all .3s ease}.navigation .item.active.sections-1 .bar .filler{top:0;height:100%}.navigation .item.active.sections-2 .bar .filler{top:0;height:50%}.navigation .item.active.sections-2.section-2-active .bar .filler{top:0;height:100%}.navigation .item.active.sections-4 .bar .filler{top:0;height:25%}.navigation .item.active.sections-4.section-2-active .bar .filler{top:0;height:50%}.navigation .item.active.sections-4.section-3-active .bar .filler{top:0;height:75%}.navigation .item.active.sections-4.section-4-active .bar .filler{top:0;height:100%}.bottom-left{position:fixed;z-index:1;bottom:30px;left:10px}@media (min-width:768px){.bottom-left{left:20px;bottom:20px}}.bottom-left svg{margin-top:15px;margin-bottom:10px}.bottom-left .drop-gradient{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);width:1px;margin-left:9px;height:100px}.bottom-left .bottom{display:flex;align-items:center;flex-direction:row}.bottom-left .bottom a,.bottom-left .bottom span{font-size:10px;font-family:Inter Bold;margin-right:20px;display:inline-block;color:#fff;text-decoration:none}.bottom-left .bottom a:last-child,.bottom-left .bottom span:last-child{margin-right:0}#footer-links{opacity:0}body.show-scroll #guide{opacity:1}.panel-label-container{position:fixed;top:50px;left:50%;transform:translateX(-50%);z-index:1}.panel-label-container .label{text-align:center;font-size:14px}#scroll-icon{margin-bottom:-40px}@media (min-width:768px){#scroll-icon{margin-bottom:-20px}}.overlay div{color:#000!important}.cursor-dot-outline{opacity:1;width:6px;height:6px;background:#e6263d;transform:translate(100px,100px);position:fixed;z-index:10001;cursor:none}
/*# sourceMappingURL=/styles.980e4fd9.css.map */