:root{--space: rgb(21, 28, 44);--pink: #F197A5}body{background-color:var(--space);height:100vh;margin:0;padding:0;position:relative;overflow:hidden}#app{position:absolute;z-index:1;width:100%;height:100vh}.krang{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:5}.white{position:absolute;top:0;left:0;border-radius:100%;background-color:#fff;z-index:2;aspect-ratio:1 / 1}.box{width:60%;height:60%;position:absolute;top:50%;left:50%;translate:-50% -50%}.pupil{position:absolute;width:75px;height:75px;top:0;left:0;border-radius:75px;background-color:#000;z-index:4}.rocketman{position:absolute;z-index:10}.stars{position:absolute;top:0;left:0;width:100vw;height:100vh}.star{width:5px;height:auto;aspect-ratio:1 / 1;border-radius:5px;background:#fff;position:absolute;filter:blur(1px)}.activate{position:relative;background:none;border:none;margin:0;font-family:sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-inline:auto;padding:14px 20px;color:var(--pink);cursor:pointer;z-index:20;border:3px solid var(--pink)}.intro{width:100%;height:100vh;display:grid;place-content:center;position:absolute;z-index:2}.intro>*{position:relative;z-index:2}.intro .stars{position:absolute;background-color:var(--space);z-index:1}