@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;600;800&display=swap";body{font-family:sans-serif;overflow-x:hidden;overflow-y:hidden;margin:0;padding:0;font-family:Bebas Neue,sans-serif;font-family:DM Sans,sans-serif}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}button{transition:opacity .2s}button:hover{cursor:pointer;opacity:.8}.nav-bar{width:100%;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;position:absolute;top:10px;left:0;right:0;margin:auto;width:90%}.logo{display:flex;align-items:baseline;justify-content:space-between}.logo-text{font-size:1.5rem;margin-left:10px}.btn-navbar{background-color:#000;color:#fff;border:none;border-radius:10px;padding:5px 30px;height:50px;font-size:.7rem;width:fit-content}.btn-navbar:hover{cursor:pointer}.button-exit{margin-bottom:5%;z-index:1;position:fixed;bottom:0;visibility:hidden}.customise-btn{background-color:#f2c663;color:#000;font-size:.6;font-weight:500;border:none;border-radius:10%;padding:1rem}.section{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.hero-header{margin-left:15%;font-size:10rem;line-height:8rem;width:30%;margin-bottom:0}.hero-text{margin-left:15%;width:40%;font-size:1.2rem}.hero-btn{background-color:#f2c663;color:#000;font-size:.6;font-weight:500;border:none;border-radius:10%;padding:1rem}.second{flex-wrap:wrap;align-content:flex-end;position:relative}.section-two-container{width:364px;margin-right:10%;z-index:1}.third{flex-wrap:wrap;align-content:flex-start;width:90%;margin:0 auto}.section-three-container{width:364px;margin-left:10%;z-index:1}.hero-two-header{font-size:2rem}.footer{background-color:#000000f0;bottom:0;left:0;width:100%;height:250px;display:flex;justify-content:center;align-items:center}.footer button{border-radius:10px;padding:15px 20px;font-weight:700;width:150px;height:50px;color:#000}.custom--bg{position:absolute;top:0;left:0;width:100%;height:800px;background:#f2c663;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-o-transform:skew(20deg);transform:skew(20deg) rotate(21deg)}.customizer-container{position:fixed;top:50%;visibility:hidden}.colors{list-style:none}.button-colors+.button-colors{margin-top:25px}.button-colors{width:30px;height:30px;border-radius:50%;transition:transform .2s}.button-colors:hover{filter:drop-shadow(0 0 .75rem rgba(28,17,52,.784));transform:scale(1.5)}.yellow{background-color:#adc436}.black{background-color:#d30e0e}.white{background-color:#21b350}.loading_overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10;background-color:#292828;visibility:visible}.progress_bar_fill{position:absolute;top:50%;width:100%;height:2px;background-color:#fff;border-radius:10px;transform:scaleX(0);transform-origin:top left;transition:trasnform 1s ease;will-change:transform}#webgi-canvas{width:100%;height:100%;position:fixed;top:0}#webgi-canvas-container{width:100vw;height:100vh;pointer-events:none;position:fixed;display:flex;justify-content:flex-end;flex-direction:column;align-items:center}@media (max-width: 600px){html,body,.container,nav{overflow-x:hidden}.hero-container{margin-top:-90px}.hero h2{font-size:4rem;line-height:4rem;letter-spacing:-.1rem;width:50%}.hero-text p{font-size:1rem;line-height:1rem}button{font-size:.7rem}.section-two-container{width:264px;margin-right:0;z-index:1;margin-top:30%}}