@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Chewy&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.center-logo{margin-top:20px;position:relative;text-align:center;z-index:2}.gum-logo-image{animation:floatUpDown 4s ease-in-out infinite;height:auto;width:500px}.bottom-icons{align-items:center;bottom:5px;display:flex;justify-content:space-between;left:140px;position:fixed;right:140px;z-index:2}.bottom-icon{height:auto;transition:transform .2s ease;width:350px}.bottom-icon:hover{transform:scale(1.1)}.roadmap-container,body,html{overflow-x:hidden;overflow-y:auto}.roadmap-container{height:100vh;min-height:100vh;width:100%}.roadmap-container::-webkit-scrollbar{width:12px}.roadmap-container::-webkit-scrollbar-track{background:#00ff004d;border-radius:10px}.roadmap-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0f0,#0c0);border:2px solid #fffc;border-radius:10px}.roadmap-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#0c0,#090)}.roadmap-background{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:100vh;min-height:300vh;padding:0;position:relative}.top-green-bar{justify-content:flex-end}.top-buttons{margin-top:0}.roadmap-title-section{align-items:center;display:flex;gap:30px;justify-content:center;margin:10px 0 40px;position:relative;z-index:10}.roadmap-title{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;max-width:80vw;width:400px}.title-decoration{animation:float 3s ease-in-out infinite;height:auto;opacity:.8;width:40px}.left-dot{animation-delay:0s}.right-dot{animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.clouds-container{z-index:0}.cloud{animation:moveClouds linear infinite;height:auto;pointer-events:none;width:200px;z-index:1}.cloud-1{animation-duration:60s;left:-200px;top:50px;width:200px}.cloud-2{animation-delay:10s;animation-duration:80s;left:-250px;top:150px;width:250px}.cloud-3{animation-delay:20s;animation-duration:100s;left:-180px;top:250px;width:180px}.cloud-4{animation-delay:30s;animation-duration:70s;left:-220px;top:350px;width:220px}.cloud-5{animation-delay:40s;animation-duration:90s;left:-190px;top:450px;width:190px}.cloud-6{animation-delay:50s;animation-duration:110s;left:-160px;top:550px;width:160px}@keyframes moveClouds{0%{transform:translateX(0)}to{transform:translateX(100vw)}}.phases-container{align-items:center;background:#0000;display:flex;flex-direction:column;gap:200px;margin-bottom:200px;max-width:1400px;min-height:200vh;padding-bottom:150px;padding-top:80px;width:100%}.phase-left{justify-content:flex-start}.phase-left,.phase-right{align-items:center;background:#0000;display:flex;max-width:1200px;min-height:400px;padding:40px;position:relative;width:100%;z-index:5}.phase-right{justify-content:flex-end}.phase-image{border-radius:15px;height:auto;max-width:800px;transition:transform .3s ease;width:100%}.phase-image:hover{transform:scale(1.02)}.character-overlay{pointer-events:none;position:absolute;z-index:15}.buddy-image{animation:buddyFloat 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;width:360px}.phase-left .green-buddy{right:10%;top:50%;transform:translateY(-50%)}.phase-right .red-buddy{left:10%;top:50%;transform:translateY(-50%)}.phase-left .blue-buddy{right:10%;top:50%;transform:translateY(-50%)}.phase-right .brown-buddy{left:10%;top:50%;transform:translateY(-50%)}@keyframes buddyFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(2deg)}75%{transform:translateY(-8px) rotate(-2deg)}}@media (max-width:768px){.roadmap-title{width:300px}.title-decoration{width:30px}.phases-container{gap:60px}.phase-left,.phase-right{flex-direction:column;justify-content:center!important;min-height:250px;text-align:center}.phase-image{max-width:600px}.buddy-image{width:240px}.phase-left .blue-buddy,.phase-left .green-buddy,.phase-right .brown-buddy,.phase-right .red-buddy{left:50%;right:auto;top:-40px;transform:translateX(-50%)}.social-media-icons{gap:10px}.social-icon{font-size:16px;height:30px;width:30px}}@media (max-width:480px){.roadmap-title-section{gap:15px;margin:20px 0 40px}.roadmap-title{width:250px}.title-decoration{width:25px}.phases-container{gap:40px}.phase-left,.phase-right{min-height:200px}.phase-image{max-width:450px}.buddy-image{width:180px}.phase-left .blue-buddy,.phase-left .green-buddy,.phase-right .brown-buddy,.phase-right .red-buddy{top:-30px}.social-media-icons{gap:8px}.social-icon{font-size:14px;height:25px;width:25px}}.floating-phase-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff0080;border-radius:35px;bottom:30px;box-shadow:0 4px 15px #0000004d;display:flex;gap:15px;left:50%;padding:18px 30px;position:fixed;transform:translateX(-50%);z-index:100}.phase-nav-btn{-webkit-text-stroke:1px #000;text-stroke:1px #000;background:#0000;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Chewy,cursive;font-size:32px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-shadow:0 2px 0 #0000004d,0 4px 8px #0003,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-transform:uppercase;transition:transform .2s ease,filter .2s ease}.phase-nav-btn:hover{filter:brightness(1.5);text-shadow:0 2px 0 #0006,0 4px 12px #0000004d,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transform:scale(1.1)}.phase-nav-btn:active{transform:scale(1.05)}.word-blue{color:#06f}.word-blue,.word-red{-webkit-text-stroke:1px #000;text-stroke:1px #000}.word-red{color:#f33}.word-yellow{color:#ff0}.word-pink,.word-yellow{-webkit-text-stroke:1px #000;text-stroke:1px #000}.word-pink{color:#f6c}@media (max-width:768px){.floating-phase-nav{bottom:20px;gap:12px;padding:15px 25px}.phase-nav-btn{font-size:26px;padding:10px 20px}}@media (max-width:480px){.floating-phase-nav{bottom:15px;flex-wrap:wrap;gap:10px;justify-content:center;max-width:90vw;padding:12px 20px}.phase-nav-btn{font-size:22px;padding:8px 16px}}.top-spacing{align-items:center;background:#0000;display:flex;justify-content:center;padding:60px 20px;position:relative;width:100%;z-index:5}.top-spacing .spacing-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:30px;text-align:center}.spacing-title{color:#333;font-size:2em;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a}.bottom-spacing{align-items:center;background:#0000;display:flex;justify-content:center;padding:80px 20px;position:relative;width:100%;z-index:5}.spacing-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:40px;text-align:center}.bottom-logo-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;margin-bottom:20px;width:200px}.spacing-text{color:#333;font-size:1.5em;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000001a}body,html{font-family:sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.clouds-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.cloud{filter:brightness(1.2);opacity:.8;position:absolute}.cloud-1{animation:moveCloud1 60s linear infinite;animation-delay:0s;height:auto;left:-250px;top:15%;width:250px}.cloud-2{animation:moveCloud2 80s linear infinite;animation-delay:15s;height:auto;left:-200px;top:35%;width:200px}.cloud-3{animation:moveCloud3 100s linear infinite;animation-delay:30s;height:auto;left:-220px;top:55%;width:220px}.cloud-4{animation:moveCloud4 70s linear infinite;animation-delay:45s;height:auto;left:-180px;top:75%;width:180px}@keyframes moveCloud1{0%{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes moveCloud2{0%{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes moveCloud3{0%{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes moveCloud4{0%{transform:translateX(0)}to{transform:translateX(100vw)}}.top-green-bar{align-items:center;background-color:#0f0;display:flex;height:50px;justify-content:center;padding:0 20px;position:relative;width:100%;z-index:2}.social-media-icons{align-items:center;display:flex;gap:15px;margin:0 auto}.social-icon{align-items:center;background:#00ff00e6;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#333;display:flex;font-size:20px;height:35px;justify-content:center;text-decoration:none;transition:all .3s ease;width:35px}.social-icon:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.social-icon i{transition:all .3s ease}.social-icon:hover i{transform:scale(1.1)}.social-icon:hover .fa-instagram{color:#e4405f}.social-icon:hover .fa-tiktok{color:#000}.social-icon:hover .fa-youtube{color:red}.top-buttons{margin-top:10px;position:relative;text-align:center;z-index:2}.nav-button{cursor:pointer;height:auto;margin:0 15px;transition:transform .2s ease,filter .2s ease;width:150px}.nav-button:hover{filter:brightness(1.5);transform:scale(1.1)}.dot-image{height:auto;margin:0 10px;position:relative;top:-30px;vertical-align:middle;width:30px}.about-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px);padding:20px;position:relative;z-index:2}.about-header{margin-bottom:30px;text-align:center}.about-header-image{animation:floatUpDown 4s ease-in-out infinite;height:auto;width:300px}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.about-text{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:20px;box-shadow:none;max-width:800px;padding:0;text-align:center}.about-text-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:auto;margin-top:-35px;max-width:700px;width:100%}.bottom-logo{bottom:0;position:fixed;right:20px;z-index:2}.logo-image{height:auto;width:180px}
/*# sourceMappingURL=main.93f2613c.css.map*/