@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;padding:25px}.title{background:#078cf7;padding:10px;width:fit-content;border-radius:8px;justify-content:center;align-items:center;align-content:center;margin:auto auto 50px}.title img{height:75px}.title h1{text-transform:uppercase;color:#fff}button{height:40px;padding:5px 15px;border-radius:8px;background:#078cf7;color:#fff;font-family:Calibri,sans-serif;text-transform:uppercase;font-weight:500;outline:#078CF7;border:1px outset #078CF7;cursor:pointer}button:active{border:1px inset #078CF7}button.content-limited{width:fit-content}input{height:40px;padding:5px 15px;outline:none;border:1px solid #EFEFEF;border-radius:8px}.column-flex{display:flex;flex-direction:column}.inline-flex{display:flex}.gap{gap:10px}:root{--speed: 11s;--scale: 1;--ground-y: 70px;--ground: #1e293b;--bg: #eef7ff}.scene{position:relative;height:220px;background:var(--bg);overflow:hidden}.ground{position:absolute;left:0;right:0;bottom:var(--ground-y);height:2px}.ground:before{content:"";position:absolute;inset:auto 0 -1px;height:4px;background:repeating-linear-gradient(90deg,transparent 0 22px,var(--ground) 22px 38px);animation:moveGround .8s linear infinite;opacity:.5}@keyframes moveGround{to{transform:translate(-38px)}}.smurf{position:absolute;left:-20vw;bottom:calc(var(--ground-y) - 8px);transform:scale(var(--scale));will-change:transform;animation:runAcross var(--speed) linear infinite}@keyframes runAcross{0%{transform:translate(0) scale(var(--scale))}to{transform:translate(120vw) scale(var(--scale))}}@media (prefers-reduced-motion: reduce){.ground:before,.smurf{animation:none}}canvas{position:fixed;inset:0;background:transparent}