*{box-sizing:border-box;padding:0;margin:0}body{height:100dvh;background-color:#000;font-family:Roboto,sans-serif}.App{display:flex;flex-direction:column;justify-content:flex-end;width:clamp(300px,100dvw,1200px);height:clamp(600px,100dvh,1200px);margin:0 auto}.header-firstname{display:grid;place-items:center;font-size:2rem;height:3rem;color:#ccc;background:linear-gradient(to left,#fff 0%,#00f 5%,#0f0 10%,#f00 15%,#0ff 20%,#f0f 25%,#ff0 30%,#00f 35%,#0f0 40%,#f00 45%,#0ff 50%,#f0f 55%,#ff0 60%,#00f 65%,#0f0 70%,#f00 75%,#0ff 80%,#f0f 85%,#ff0 90%,#000 95%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 8s linear infinite}@keyframes shine{to{background-position:-200% center}}.header-message{display:grid;place-items:center;font-size:1.5rem;height:3rem;margin:1rem 0;color:#ccc}.input-firstname{width:100%;font-size:2rem;margin-top:1rem;padding:1rem 0;outline:none;border:none;border-top:3px solid #ccc;text-align:center;color:#ccc;background-color:#000}.score-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.score-btn{width:100%;border:none;background-color:purple;color:#ccc;font-weight:700}.score{font-size:1.5rem}.reset-btn{font-size:1.5rem;font-weight:700;border:none;cursor:pointer;background:#646cff;color:#ccc}.reset-btn:is(:focus,:focus-visible,:active,:hover){background-color:#000;color:#646cff}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:5px}.nums{font-size:4rem;font-weight:700;padding:10px;border:none;cursor:pointer;background-color:#b22222;color:#ccc}.nums:is(:focus,:focus-visible,:active,:hover){color:#b22222;background:#000}.show{font-size:2rem;font-weight:700;border:none;cursor:pointer;background-color:purple;color:#ccc;animation:show 3s ease-in-out infinite}@keyframes show{0%,to{background-color:purple;color:#ccc}50%{background-color:#000;color:#ccc}}.go{font-size:2rem;font-weight:700;border:none;cursor:pointer;background-color:#646cff;color:#ccc}.go:is(:focus,:focus-visible,:active,:hover){background-color:#000;color:#646cff}