*{box-sizing:border-box;margin:0;padding:0}:root{--cor-fundo-site: #0D0600;--cor-texto: #E5E5E5;--cor-fundo-elemento: #301A02;--cor-botoes: #8A552A;--border: 2px #E5E5E5 solid;--box-shadow: 0px 4px 10px rgba(255, 255, 255, .3)}.light-mode{--cor-fundo-site: #F3EDE8;--cor-texto: #1A0E00;--cor-fundo-elemento: #D7C1A9;--cor-botoes: #8A552A;--border: 2px #301A02 solid;--box-shadow: 0px 4px 10px rgba(0, 0, 0, .3)}body{background-color:var(--cor-fundo-site);font-family:Arial,sans-serif}h1{background-color:var(--cor-fundo-elemento);color:var(--cor-texto);padding:20px;border-radius:20px;text-align:center;max-width:700px;margin:20px auto}#conteiner-principal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border:var(--border);border-radius:25px;box-shadow:var(--box-shadow)}#botoes-do-contador{display:flex;justify-content:center;gap:10px;margin:10px}#botao-tema{background-color:var(--cor-botoes);color:var(--cor-texto);border:none;padding:10px 15px;border-radius:10px;cursor:pointer;margin:0 auto}.par{color:#196911}.impar{color:#691111}.par,.impar{transition:color .3s ease}button{background-color:var(--cor-botoes);color:var(--cor-texto);border:none;padding:20px 35px;border-radius:10px;cursor:pointer}button:hover{opacity:.8;transform:scale(1.06);transition:transform .2s ease}