styles.css

:root{--boxColor: rgba(55, 52, 250, 0.467);--rotateSpeed: 30s;--bounceSpeed: 1.5s}@font-face{font-family:Clip;src:url("https://acupoftee.github.io/fonts/Clip.ttf")}body{margin:0px}.sign{position:absolute;display:flex;justify-content:center;align-items:center;width:50%;height:50%;background-image:radial-gradient(ellipse 50% 35% at 50% 50%, #181f6b, transparent);transform:translate(-50%, -50%);letter-spacing:2;left:50%;top:10%;font-family:"Clip";text-transform:uppercase;font-size:1.2em;color:#e6e7ff;text-shadow:0 0 0.6rem #e7e6ff, 0 0 1.5rem #7a65ff,
 -0.2rem 0.1rem 1rem #6d65ff, 0.2rem 0.1rem 1rem #656fff,
 0 -0.5rem 2rem #2445ff, 0 0.5rem 3rem #242fff;animation:shine 2s forwards, flicker 3s infinite}@keyframes blink{0%,22%,36%,75%{color:#e6e7ff;text-shadow:0 0 0.6rem #e7e6ff, 0 0 1.5rem #7a65ff,
 -0.2rem 0.1rem 1rem #6d65ff, 0.2rem 0.1rem 1rem #656fff,
 0 -0.5rem 2rem #2445ff, 0 0.5rem 3rem #242fff}28%,33%{color:#6d65ff;text-shadow:none}82%,97%{color:#2445ff;text-shadow:none}}.flicker{animation:shine 2s forwards, blink 3s 2s infinite}.fast-flicker{animation:shine 2s forwards, blink 10s 1s infinite}@keyframes shine{0%{color:#181e6b;text-shadow:none}100%{color:#e6e8ff;text-shadow:0 0 0.6rem #e6e8ff, 0 0 1.5rem #6565ff,
 -0.2rem 0.1rem 1rem #6565ff, 0.2rem 0.1rem 1rem #6565ff,
 0 -0.5rem 2rem #2f24ff, 0 0.5rem 3rem #3a24ff}}@keyframes flicker{from{opacity:1}4%{opacity:0.9}6%{opacity:0.85}8%{opacity:0.95}10%{opacity:0.9}11%{opacity:0.922}12%{opacity:0.9}14%{opacity:0.95}16%{opacity:0.98}17%{opacity:0.9}19%{opacity:0.93}20%{opacity:0.99}24%{opacity:1}26%{opacity:0.94}28%{opacity:0.98}37%{opacity:0.93}38%{opacity:0.5}39%{opacity:0.96}42%{opacity:1}44%{opacity:0.97}46%{opacity:0.94}56%{opacity:0.9}58%{opacity:0.9}60%{opacity:0.99}68%{opacity:1}70%{opacity:0.9}72%{opacity:0.95}93%{opacity:0.93}95%{opacity:0.95}97%{opacity:0.93}to{opacity:1}}main{background-color:#000;min-height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:75px;perspective:10em;perspective-origin:50% calc(50% - 2.5em);padding:0px}.scene{position:absolute;transform-style:preserve-3d;top:62%;animation:sceneRotate var(--rotateSpeed) infinite linear}@keyframes sceneRotate{to{transform:rotateY(360deg)}}.ball{width:1em;height:1em;border-radius:50%;background:lightblue;position:absolute;left:-0.5em;bottom:1em;background-image:radial-gradient(circle at top, #556ac5, 45%, #060513);animation:ballBounce var(--bounceSpeed) infinite ease-out,sceneRotate var(--rotateSpeed) infinite linear reverse}@keyframes ballBounce{0%,100%{bottom:0.5em}50%{bottom:3em;animation-timing-function:ease-in}}.ballShadow{position:absolute;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,0.466667), rgba(0,0,0,0) 50%);animation:ballShadow var(--bounceSpeed) infinite ease-out}@keyframes ballShadow{0%,8%,93.5%,100%{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:0.5;animation-timing-function:ease-in}}.cube{width:2em;height:2em;position:absolute;bottom:-1em;left:-1em;transform-style:preserve-3d;animation:cubeHeight var(--bounceSpeed) infinite linear}@keyframes cubeHeight{0%,100%{height:1.5em}8%,93.5%{height:2em}}.cube .left,.cube .right,.cube .front,.cube .back{position:absolute;width:100%;height:100%;background:var(--boxColor);box-shadow:0 0 0.5em #000a inset}.cube .front{transform:translateZ(1em)}.cube .right{transform:rotateY(90deg) translateZ(1em)}.cube .back{transform:rotateY(180deg) translateZ(1em)}.cube .left{transform:rotateY(270deg) translateZ(1em)}.cube .top{position:absolute;width:2em;height:2em;background:var(--boxColor);transform:translateY(-50%) rotateX(90deg);box-shadow:0 0 0.5em #000a inset}.cube .bottom{position:absolute;width:2em;height:2em;background:#0007;bottom:0;transform:translateY(50%) rotateX(90deg);box-shadow:0 0 0.5em #000a}.floor{position:absolute;top:1em;transform:translate(-50%, -50%) rotateX(90deg);width:15em;height:15em;background-image:radial-gradient(rgba(0,0,0,0), #000 75%),repeating-conic-gradient(from 45deg, #111 0deg 90deg, #222 90deg 180deg);background-size:100%, 1em 1em}p{padding:0px;text-align:center;font-family:Arial, Helvetica, sans-serif;background-color:#000;color:white;margin:0px}