:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}.animated{animation:animated-colors 2s linear infinite;font-family:Comic Sans MS;font-size:30px}@keyframes animated-colors{0%{color:#ff5252}20%{color:#ffb142}40%{color:#f7f1e3}60%{color:#34e7e4}80%{color:#3ae374}to{color:#ff5252}}.spin{animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-45px)}to{transform:translateY(0)}}.float_horizontal{animation:float_horizontal 3s ease-in-out infinite}@keyframes float_horizontal{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}#app{max-width:1280px;padding:2rem;text-align:center;background:linear-gradient(180deg,#000,#4c41b0,#61c1f7);transition:background .2s linear;width:100vw}.item{position:absolute;color:#ff0}.snow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background-image:radial-gradient(2px 2px at 50px 60px,white,transparent),radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(3px 4px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,white,transparent),radial-gradient(1.5px 1.5px at 90px 40px,white,transparent),radial-gradient(2px 2px at 120px 80px,white,transparent),radial-gradient(1.5px 1.5px at 160px 100px,white,transparent),radial-gradient(2.5px 2.5px at 180px 50px,white,transparent),radial-gradient(1px 1px at 60px 150px,white,transparent),radial-gradient(2px 2px at 100px 120px,white,transparent);background-size:200px 200px;animation:snow 10s linear infinite}@keyframes snow{0%{transform:translateY(0)}to{transform:translateY(200px)}}.msgbox{background:#fffffff2;color:#222;border:2px solid #b3b3b3;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:1.2em 2em;margin:1em auto;max-width:400px;font-size:1.1em;font-family:inherit;text-align:center}.clouds-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:8888;background:url(https://pngimg.com/uploads/cloud/cloud_PNG16.png) repeat-x,url(https://pngimg.com/uploads/cloud/cloud_PNG17.png) repeat-x;background-size:600px 200px,800px 300px;opacity:0;transition:opacity .7s}.clouds-bg.visible{opacity:.7}