.nav--bar{align-content:space-between;display:flex;justify-content:space-between;margin-top:30px;position:absolute;width:100%}@media (prefers-color-scheme:dark){body{background-color:#fff;color:#000}}.logo{margin-left:40px}.section{align-items:center;display:flex;min-height:100vh;width:100vw}.section--one--container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;margin-left:15%;width:15%;z-index:1}.first h1{font-size:10rem;letter-spacing:-.3rem;line-height:8rem;margin:0 0 30px -10px;width:50%}.button--customize,.button--hero{background:#f2ce6e;border:none;border-radius:50px;color:#000;cursor:pointer;font-size:.6rem;font-weight:600;margin-right:40px;margin-top:24px;padding:15px 30px;transition:all .8s ease}.button--hero:hover,.button--navbar{background:#000;color:#fff}.button--navbar{border:none;border-radius:50px;font-size:.6rem;margin-right:40px;padding:10px 30px}.second{justify-content:flex-end;position:relative}.section--two--container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff8f;border-radius:30px;line-height:inherit;margin-right:10%;padding-left:15px;padding-top:15px;width:723px;z-index:1}.section--third--container{margin-left:10%;width:960px}.section--fourth--container,.section--third--container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff8f;border-radius:30px;padding-top:10px;z-index:1}.section--fifth--container,.section--fourth--container{margin-right:10%;padding-bottom:10px;padding-left:15px}.section--fifth--container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff8f;border-radius:30px;z-index:1}h2{font-size:3rem;letter-spacing:-2px;line-height:2.5rem}.custom--bg{background-image:url(/assets/images/2023-12-16_00-18.d0d46238.png);height:800px;left:0;position:absolute;top:0;transform:skew(20deg) rotate(21deg);width:100%}.footer{background:#000;display:flex;justify-content:center;padding:70px;z-index:1}.button--footer{background:#fff;border:none;border-radius:50px;color:#000;cursor:pointer;font-size:.6rem;padding:10px 30px;transition:all .8s ease}.button--footer:hover{background:#000;color:#fff}.forth{position:relative;z-index:1}#webgi-canvas{height:100%;position:fixed;top:0;width:100%}#webgi-canvas-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;pointer-events:none;position:fixed;width:100vw}.button--exit{bottom:0;display:none;margin-bottom:5%;position:fixed;width:90px;z-index:5}.customizer--container{display:none;position:fixed;top:50%;transform:translateY(-50%)}.strap--colors{list-style:none}.button--colors{border:1px solid #fff;border-radius:50px;cursor:pointer;height:30px;margin-bottom:10px;padding:0;transition:all .8s ease;width:30px}.button--colors:hover{filter:drop-shadow(0 0 .75rem rgba(28,17,52,.704));transform:scale(1.5)}.yellow{background-color:#f0d56c}.red{background-color:#e72222}.black{background-color:#4a4c4f}@media (max-width:600px){.container,body,html,nav{overflow-x:hidden}.section--two--container{background-color:#ffffff8f}.first h1{font-size:4rem;letter-spacing:-.1rem;line-height:4rem;margin:0 0 15px;width:50%}.nav--bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffad;margin-top:0;padding:30px 0;z-index:1}.section--one--container{margin-left:6%;margin-top:40%;width:360px}.section--one--container>p{width:70%}.forth{background-color:#ffffff8f}.section--third--container{margin-left:7%}.section--fifth--container{margin-right:0}}