body{height:500vh;background:#000;color:#fff;font-family:Roboto,sans-serif;position:relative;scroll-snap-type:y mandatory;overflow-y:scroll}p{color:#31f827;font-size:1em}h1{color:#fff;z-index:1005}html{scroll-behavior:smooth}canvas{display:block;position:fixed;top:0;left:0;z-index:-10;width:100%;height:100%}section{height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;scroll-snap-align:start;position:relative;flex-wrap:wrap}.important-text{font-weight:900;color:#f33}::selection{background-color:#0da105e6;color:#fff}::-moz-selection{background-color:#0da105e6;color:#fff}#backgroundCanvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:-1000}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;z-index:-100}@media (min-width: 750px){.navbar{background:#1d1d1d4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #31f827;padding:1em;width:700px;border-radius:15px;position:fixed;top:1%;left:50%;transform:translate(-50%);z-index:1000}.navbar-menu{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;color:#31f827}.navbar-menu li{margin-left:20px;color:#31f827}.navbar-menu a{color:#31f827;text-decoration:none;font-size:1.2rem;padding:8px;transition:background-color .8s;font-weight:900;border-radius:10px;text-align:center;white-space:nowrap}.navbar-menu a i{margin-right:8px}.navbar-menu a:hover{background-color:#0da105;color:#fff;border-radius:10px}.navbar-toggle{display:none}}@media (max-width: 749px){.navbar{background:#1d1d1d4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #31f827;padding:.2em;position:fixed;z-index:1000;text-align:center;border-radius:3px;margin-left:1%;width:auto}.navbar-menu{visibility:hidden;flex-direction:column;background-color:#1d1d1de6;border:1px solid #31f827;position:fixed;margin-top:40px;width:35vw;color:#31f827;padding:10px;border-radius:5px;opacity:0;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease}.navbar-menu.active{visibility:visible;display:flex;align-items:center;justify-content:center;opacity:1;transform:translateY(0)}.navbar-menu a{color:#31f827;padding:5px;text-decoration:none;text-align:center;width:100%}.navbar-menu a:visited{color:#31f827}.navbar-menu a i{margin-right:8px}.navbar-menu a:hover{background-color:#0da105;color:#fff;border-radius:5px}.navbar-menu li{list-style-type:none;position:relative;padding:10px 0;border-bottom:2px solid #31f827;width:100%}.navbar-menu li:last-child{border-bottom:none}.navbar-toggle{display:flex;cursor:pointer;flex-direction:column;outline:none;width:25px}.navbar-icon:hover{background-color:#0da105;color:#fff;padding:1px}.navbar-icon{font-size:1.3em;color:#31f827}.navbar-toggle:focus{outline:none;box-shadow:0 0 5px #31f827}}#section1 h1{font-size:clamp(10px,7.7vw + .5rem,600px);margin:0;padding:0;font-weight:900}#section1 p{font-size:clamp(5px,.5vw + .8rem,25px);margin:0;padding:0}#section1 .box-container{z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1534px){#section1 .box-container{width:60vw}}@media (max-width: 1533px){#section1 .box-container{width:65vw}}@media (max-width: 1201px){#section1 .box-container{width:70vw}}@media (max-width: 750px){#section1 .box-container{width:80vw}}@media (max-width: 450px){#section1 .box-container{width:100vw}}#section1 .box1,#section1 .box2{margin:5px;box-sizing:border-box}#section1 .box2{background:#1d1d1d4d;border:2px solid #31f827;border-radius:5px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#section2{box-sizing:border-box;max-width:100%;word-wrap:break-word}#section2 h1{font-size:clamp(50px,7.7vw + 1rem,150px);margin:0 0 1%;padding:0;white-space:nowrap;font-weight:900}#section2 h2{font-size:clamp(5px,.8vw + .8rem,25px)}#section2 .section-content{width:60vw;text-align:center}@media (max-width: 1500px){#section2 .section-content{width:100vw}}#section2 p{font-size:clamp(5px,.45vw + .5rem,18px);margin:0;padding:0}#section2 .box-container{margin-top:0;padding-top:0;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto}#section2 .box{background:#1d1d1d4d;border:2px solid #31f827;border-radius:5px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;box-sizing:border-box;margin:5px}@media (max-width: 700px){#section2 .box-container{flex-wrap:wrap;justify-content:space-around}#section2 .box{flex:0 0 calc(50% - 10px);margin:5px}}#section2 .box:hover{cursor:pointer;background-color:#0da105;transition:background-color .8s}#section2 .box:hover p{color:#fff}#section3{box-sizing:border-box;max-width:100%;word-wrap:break-word}#section3 h1{font-size:clamp(50px,7.7vw + 1rem,150px);margin:0 0 1%;padding:0;white-space:nowrap;font-weight:900}#section3 h2{font-size:clamp(5px,.8vw + .8rem,30px)}#section3 .section-content{width:80vw;text-align:center}#section3 img{width:95%;margin-bottom:5%;border:3px solid #0da105}#section3 p{font-size:clamp(5px,.45vw + .5rem,18px);margin:0;padding:0 0 2%}#section3 .box-container{margin-top:0;padding-top:0;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto}#section3 .box{background:#1d1d1d4d;border:3px solid #31f827;border-radius:10px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 0 calc(33.33% - 10px);box-sizing:border-box;margin:5px;max-width:400px;max-height:500px}@media (max-width: 900px){#section3 .section-content{width:95vw}}@media (max-width: 450px){#section3 .box{flex:0 0 calc(50% - 10px)}}#section3 .box:hover{cursor:pointer;background-color:#0da105;transition:background-color .8s}#section3 .box:hover p{color:#fff}#section4 h1{font-size:clamp(35px,6vw + 1rem,150px);margin:0;padding:0;font-weight:900}#section4 p{font-size:clamp(5px,.5vw + .8rem,25px);margin:0;padding:0}#section4 .box-container{z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}#section4 .box1,#section4 .box2{margin:5px;box-sizing:border-box}#section4 .box2{background:#1d1d1db3;border:2px solid #31f827;border-radius:5px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#section4 .box3{background:#1d1d1db3;border:2px solid #31f827;border-radius:5px;padding:10px}#section4 .box2 p a{color:#0da105;text-decoration:underline;font-weight:900}#section4 .box3{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1%}#section4 .link-item{color:#31f827;text-decoration:none;font-size:1.3rem;padding:8px;transition:background-color .8s;font-weight:900;border-radius:10px;text-align:center;white-space:nowrap}#section4 .link-item:hover{background-color:#0da105;color:#fff;border-radius:10px}@media (min-width: 1534px){#section4 .box-container{width:60vw}}@media (max-width: 1533px){#section4 .box-container{width:65vw}}@media (max-width: 1201px){#section4 .box-container{width:70vw}}@media (max-width: 750px){#section4 .box-container{width:80vw}}@media (max-width: 450px){#section4 .box-container{width:100vw}#section4 .link-item{font-size:1rem}}.hidden-content{display:none}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:10000}.popup-content{background-color:#000;border:2px solid #31f827;color:#31f827;padding:20px;border-radius:5px;width:90%;max-width:1000px;max-height:95vh;text-align:start;opacity:0;transform:translateY(-50px);transition:opacity .5s ease,transform .5s ease;overflow:auto}.popup-content.show{opacity:1;transform:translateY(0)}.label{color:#fff}#popup-text p{font-size:clamp(5px,.45vw + .8rem,22px);margin-bottom:1%}#popup-text h2{font-size:clamp(15px,1vw + 1.5rem,40px);color:#fff}.close-btn-container{display:flex;align-items:center;gap:10px}.close-btn{font-weight:900;font-size:20px;transition:background-color .8s;cursor:pointer;width:80px;padding:8px;border-radius:10px;text-align:center}.close-btn:hover{background-color:#0da105;color:#fff;border-radius:10px}.github-link{font-size:20px;color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px}.github-popup-btn{padding-right:16px}.popup-content .img-container{text-align:center}.popup-content img{width:50%;margin-bottom:5%;border:3px solid #0da105;vertical-align:middle;margin-left:10px;display:inline-block}@media (max-width: 700px){.popup-content{width:85%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0da105,#31f827);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#045000,#0ace00);border:1px solid #4a4a4a}::-webkit-scrollbar-track{background:#1d1d1d4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px}::-webkit-scrollbar-track:hover{background:#303030}