@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;padding:0}::-webkit-scrollbar{display:none}html{scrollbar-width:none}#homeBanner{--overlay-opacity:1;opacity:0;color:#fff;background-image:url(../media/cartoon-smoke-illustrated.32b66e94.jpg);background-size:cover;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;height:100vh;margin-left:220px;display:flex;position:relative;transform:scale(.85);box-shadow:0 0 20px rgba(0,196,204,.5)}#homeBanner .homeTitle{z-index:3;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:-100px;margin-left:2vw;display:flex}#homeBanner .homeTitle h1{opacity:0;font-family:Space Grotesk,sans-serif;font-size:max(2rem,min(10vw,10rem));font-weight:500}#homeBanner .homeTitle h1 span{color:#33c9c9;border-radius:20px;font-size:max(1rem,min(4vw,5rem))}#homeBanner .homeTitle p{opacity:0;letter-spacing:2px;text-transform:uppercase;background-color:#33c9c9;border-radius:5px;margin-left:20px;padding:10px 20px;font-family:Josefin Sans,sans-serif;font-size:max(.8rem,min(1vw,1rem));transition:all .3s ease-out}#homeBanner .homeTitle p:hover{color:#111;background-color:#fff;transform:rotate3d(1,2,1,-6deg)}#homeBanner .homeTitle .pTag1{color:#111;padding:12px 25px;font-weight:700;box-shadow:0 0 20px rgba(0,196,204,.5)}#homeBanner .homeTitle .pTag2{background-color:#292828;margin-top:20px;margin-left:120px}#homeBanner .homeTitle .pTag2:hover{transform:rotate3d(1,2,1,6deg)}#homeBanner .homeTitle .pTag3{background-color:#292828;margin-top:20px;margin-left:60px}#homeBanner:before{content:"";z-index:2;-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();background:rgba(0,0,0,var(--overlay-opacity,.85));border-radius:49px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 2px #33c9c9}#homeBanner .homeSocial{z-index:2;gap:20px;display:flex;position:absolute;bottom:40px;right:40px}#homeBanner .homeSocial span{color:#111;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s ease-in-out;display:flex}#homeBanner .homeSocial span:hover{transform:scale(1.05)rotate(3deg)}#homeBanner .homeScroll{z-index:2;position:absolute;bottom:40px;left:40px}#homeBanner .homeScroll p{letter-spacing:2px;color:#fff;font-size:1.3rem}#homeContent{height:100vh;margin-left:220px;display:flex;position:relative;overflow:hidden}#homeContent .pWorld{color:#fff;white-space:nowrap;text-transform:uppercase;font-size:14vw;font-weight:900}.flicker{animation:2.5s infinite flicker}@keyframes flicker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media only screen and (max-width:976px){.navbar{display:none}#homeBanner{margin-left:0!important}}body{opacity:0;background-color:#111;font-family:Space Grotesk,sans-serif;animation:1s ease-in forwards fadeIn}body:before{content:"";opacity:.04;background:url(/noise.png);animation:5s linear infinite drift;position:fixed;top:-5%;bottom:-5%;left:-5%;right:-5%;transform:scale(2.5)rotate(45deg)}@keyframes drift{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes fadeIn{to{opacity:1}}#tsparticles{z-index:2;transition:all .3s ease-in-out}#tsparticles canvas{width:calc(100% - 40px);height:calc(100% - 40px);margin:20px}
.navbar{z-index:10;opacity:1;pointer-events:auto;gap:2rem;width:220px;height:100vh;padding:2.5rem;position:fixed}.navbar a{color:#fff;letter-spacing:2px;text-decoration:none;transition:all .3s ease-in-out}.navbar a:hover{color:#000;background-color:#e0e0e0;border-radius:7px;padding:5px;transform:rotate(1deg)}.navbar .active{color:#000;background-color:#e0e0e0;border-radius:7px;margin-left:-2px;padding:5px 10px}.navbar .icon{color:#33c9c9;border-radius:50%;width:30px;margin-right:10px;padding:5px}.navbar ul{flex-direction:column;gap:20px;margin-top:10px;margin-left:25px;list-style-type:none;display:flex}.navbar ul li{align-items:center;display:flex}.navbar .scrollLine{color:#fff;border:2px solid #fff;border-radius:20px;width:20px;height:230px;position:absolute;top:35px;left:25px;transform:scaleY(.9)}.navbar .scrollLine .scrollIndicator{content:"";background-color:#33c9c9;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:3px;box-shadow:0 0 15px rgba(0,196,204,.7)}