body{background-color:#0f7308;font-family:Roboto,sans-serif;color:#ffffff}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}main{max-width:960px;width:100%;height:95vh;margin:0 auto;font-size:24px;text-align:center;display:flex;flex-direction:column;gap:16px}h1{font-family:Lobster,cursive;display:block;font-size:3em;margin:0 auto}@media (max-width:550px){h1{font-size:2em}}button{padding:16px;cursor:pointer;font-weight:bold;font-size:1em;margin-top:16px;border-radius:8px;background-color:#c9e7e3;color:#000;font-family:Roboto,sans-serif;transition:all .5s}button:hover{background-color:rgba(202,231,227,0.8)}input{display:block;margin:16px auto 0px;font-size:2em;max-width:120px;border:none;background-color:transparent;text-align:center;color:#fff;border-bottom:6px solid #fff}.resultado{padding:16px;margin-top:45px;border:8px dotted #fff;height:25vh;min-height:114px;align-items:center;display:flex;flex-direction:column;justify-content:center}.resultado #resultado-valor{font-weight:bold;font-size:3em;display:block;animation:all .5s}