@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap";*{padding:0;box-sizing:border-box;line-height:1.5;font-weight:300;transition:.25s cubic-bezier(.175,.885,.32,1.275);font-family:Readex Pro,sans-serif}#root{margin:10px 20px}body{background:#000;color:#fff}body{display:flex;height:100dvh;justify-content:center;align-items:center}@media (min-width: 640px){.display{font-size:2rem}.controls{display:flex;flex-direction:row;flex-wrap:nowrap}.controls button{border:4px solid red;font-size:.2rem}}@media (min-width: 360px){.display{font-size:2rem}}.stopwatch{margin:30px 10px 10px;display:flex;flex-direction:column;align-items:center;background-color:#262626;border:2px solid;border-radius:25px;padding:1rem;max-width:1000px}::-webkit-scrollbar{display:none}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.controls button{font-size:1.5rem;font-weight:700;padding:10px 20px;margin:5px;min-width:125px;border:none;border-radius:10px}.controls button:hover{cursor:pointer;scale:110%}.start-btn{background-color:#adff2f}.stop-btn{background-color:red}.cookie-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(rgba(255,255,255,.257),transparent);display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;flex-direction:column;border-radius:10px;gap:1rem;padding:1.5rem;margin:.8rem;border:1px solid hsl(0,0%,78%);max-width:400px}.cookie-card h4{font-size:2rem}.cookie-card p{font-weight:300;text-align:left;font-size:1rem;color:#d2d2d2}.cookie-card .cta{display:flex;gap:1rem;flex-direction:column;flex-wrap:wrap}.cookie-card .cta button{cursor:pointer;border:none;border-radius:.5rem;text-align:center;background-color:#a5b4fc40;padding:1rem;color:#fff;font-size:1rem;font-weight:300}.cookie-card .cta button:hover{scale:1.1}.cookie-card .cta #btn-active{color:#fff;background:#6366f1}.cta-container{padding-top:2rem}