body{background:#152238;min-height:100vh;margin:0;padding:10px;position:relative;overflow-x:hidden}body:before{content:"";z-index:-3;background:radial-gradient(circle at top,#20345c 0%,#152238 45%,#0b1325 100%);position:fixed;inset:0}.night{pointer-events:none;z-index:-2;position:fixed;inset:0;overflow:hidden;transform:rotate(40deg)}.star{filter:drop-shadow(0 0 6px #fff);background:linear-gradient(-45deg,#fff,#fff0);border-radius:999px;width:0;height:2px;animation:3s ease-in-out infinite tail,3s ease-in-out infinite falling;position:absolute}.star:before,.star:after{content:"";background:linear-gradient(-45deg,#fff0,#fff,#fff0);border-radius:100%;width:0;height:2px;animation:3s ease-in-out infinite shining;position:absolute;top:calc(50% - 1px);right:0}.star:before{transform:translate(50%)rotate(45deg)}.star:after{transform:translate(50%)rotate(-45deg)}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes falling{0%{transform:translate(0)}to{transform:translate(350px)}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}.main,.options,#app{z-index:1;position:relative}#app{text-align:center;margin:0 auto;padding:.75rem}#app h1{color:#fff;margin-bottom:.75rem;font-family:Papyrus,cursive;font-size:2rem;font-weight:900;text-decoration:underline}#app img,#app video,#app iframe{border:2px solid #fff;border-radius:10px;max-width:100%;height:auto;margin:1rem 0}#app p{color:#fff;font-family:cursive;font-size:.95rem;line-height:1.6}.main{text-align:center;margin-bottom:150px;padding:.6rem}.main h1{color:#c3bfbf;font-family:Courier New,Courier,monospace;font-size:200px}.main p{color:#f0f8ff;font-family:Courier New,Courier,monospace;font-size:30px}.slide-in{animation:3s alternate slide-in}@keyframes slide-in{0%{translate:150vw;scale:2}to{translate:0;scale:1}}#tagline{white-space:nowrap;border-right:3px solid #fff;width:0;animation:3.5s steps(47,end) forwards typing,.75s step-end infinite blink-caret;display:inline-block;overflow:hidden}@keyframes typing{0%{width:0}to{width:54ch}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#fff}}.options{justify-content:space-evenly;align-items:center;padding:.7rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20px;display:flex}.options button{cursor:pointer;background:#c3bfbf;border:solid #c3bfbf;border-radius:10px;width:fit-content;height:30px;transition:all .25s}.options button:hover{background:#9d9d9d}.options input{background:#c3bfbf;border:none;border-radius:10px;height:30px}@media (width<=768px){.main h1{font-size:70px}.main p{font-size:18px}#app{max-width:700px}.options{flex-wrap:wrap;gap:10px}#tagline{white-space:normal;border-right:none;width:auto;animation:none}}