@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Russo+One&display=swap";@import"https://fonts.googleapis.com/css?family=Concert+One";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{margin:0;padding:0;background:#0a0a0a;min-height:100vh;overflow-x:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes shine{0%{background-position:200% center}to{background-position:-200% center}}.text-container{position:relative;width:70px;height:70px;overflow:hidden;font-size:15px;font-weight:700;color:#fff;text-align:center;box-shadow:0 0 .1vw .4vw #afff00,0 0 .2vw .4vw #afff00,0 0 1vw .4vw #afff00;border-radius:10px;display:flex;justify-content:center;align-items:center}.text{position:absolute;opacity:0;animation:scrollText 8s ease-in-out infinite;top:100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.text-A{font-size:18px}.text-B{font-size:20px}@keyframes scrollText{0%{opacity:0;transform:translateY(100%)}25%{opacity:1;transform:translateY(-50%)}50%{opacity:1;transform:translateY(-100%)}75%{opacity:0;transform:translateY(-100%)}to{opacity:0;transform:translateY(100%)}}.text:nth-child(1){animation-delay:0s}.text:nth-child(2){animation-delay:4s}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;z-index:-1;pointer-events:none;overflow:hidden;animation:backgroundAnimation 20s linear infinite}.particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#fffc;animation:particleMovement 5s linear infinite}@keyframes particleMovement{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(200px,300px) scale(.5);opacity:.7}to{transform:translate(-200px,-300px) scale(1.5);opacity:.3}}svg{font-family:Russo One,sans-serif;width:100%;height:100%}svg text{width:100%;animation:stroke 5s infinite alternate;stroke-width:2;stroke:#a0ea00;font-size:100px}@keyframes stroke{0%{fill:#afff0000;stroke:#a0ea00;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:#afff0000;stroke:#a0ea00}80%{fill:#afff0000;stroke:#a0ea00;stroke-width:3}to{fill:#afff00;stroke:#a0ea0000;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.wrapper{background-color:none}; h1{animation:glow 10s ease-in-out infinite}*{box-sizing:border-box}figure{text-align:center;animation:wobble 5s ease-in-out infinite;transform-origin:center center;transform-style:preserve-3d}@keyframes wobble{0%,to{transform:rotate3d(1,1,0,40deg)}25%{transform:rotate3d(-1,1,0,40deg)}50%{transform:rotate3d(-1,-1,0,40deg)}75%{transform:rotate3d(1,-1,0,40deg)}}.Textanimation{display:block;line-height:1.5;font:900 1.1em Concert One,sans-serif;text-transform:uppercase;position:absolute;color:#03f}@keyframes glow{0%,to{text-shadow:0 0 20px #ffffff}25%{text-shadow:0 0 20px #ffffff}50%{text-shadow:0 0 20px #ffffff}75%{text-shadow:0 0 20px #ffffff}}.Textanimation:nth-child(2){transform:translateZ(5px)}.Textanimation:nth-child(3){transform:translateZ(10px)}.Textanimation:nth-child(4){transform:translateZ(15px)}.Textanimation:nth-child(5){transform:translateZ(20px)}.Textanimation:nth-child(6){transform:translateZ(25px)}.Textanimation:nth-child(7){transform:translateZ(30px)}.Textanimation:nth-child(8){transform:translateZ(35px)}.Textanimation:nth-child(9){transform:translateZ(40px)}.Textanimation:nth-child(10){transform:translateZ(45px)}.card{perspective:1000px;position:fixed;bottom:200px;z-index:1000}.card-inner{width:100px;height:100px;position:relative;transition:transform 1s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;display:flex;align-items:center;justify-content:left;border-radius:.5rem}.card-front{margin-left:auto}.card-back{transform:rotateY(180deg)}.card-back img{width:100px}#container-text{color:#999;text-transform:uppercase;font-size:36px;font-weight:700;width:100%;bottom:45%;display:block;padding-top:1rem}#flip{height:50px;overflow:hidden}#flip>div>div{color:#fff;padding:0 12px;height:45px;margin-bottom:45px;display:inline-block}#flip div:first-child{animation:show 5s linear infinite}@keyframes show{0%{margin-top:-270px}5%{margin-top:-180px}33%{margin-top:-180px}38%{margin-top:-90px}66%{margin-top:-90px}71%{margin-top:0}99.99%{margin-top:0}to{margin-top:-270px}}