:root{--font-family: "Poppins", sans-serif;--bg-light-primary: hsl(0, 0%, 90%);--bg-light-secondary: hsl(0, 0%, 95%);--border-light: hsl(0, 0%, 0%, .1);--bg-dark-primary: hsl(0, 0%, 5%);--bg-dark-secondary: hsl(0, 0%, 10%);--fz-1: 1rem;--fz-2: 1.5rem;--fz-3: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-light-primary);color:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.title{text-align:center;margin-bottom:2rem}.counter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:90vw;max-width:650px;padding:2rem 1rem;border:1px solid var(--border-light);border-radius:1rem;background-color:var(--bg-light-secondary)}.counter__value{font-size:var(--fz-3);margin-bottom:2rem}.counter__mid{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.counter__button{display:flex;align-items:center;justify-content:center;font-size:var(--fz-1);width:130px;height:50px;border:1px solid var(--border-light);border-radius:.5rem;background-color:var(--bg-light-secondary);cursor:pointer}.counter__button:hover{background-color:var(--bg-light-primary);transition:all .2s ease-in-out}@media (max-width: 650px){.counter__mid{flex-direction:column;width:100%}.counter__button{width:100%}}
