body{font-family:sans-serif}#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;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;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}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:30px;z-index:9}.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;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;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;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.navigation .item .number{display:none}@media (min-width:1025px){.navigation .item .number{display:block}}.navigation .item .number.before{opacity:.3}.navigation .item .number.after,.navigation .item .number.before{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.navigation .item .number.after{opacity:0}.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;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;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%}body.show-scroll #guide{opacity:1}
/*# sourceMappingURL=/styles.970e5b9d.css.map */