:root{--primary-color: rgb(110, 50, 0)}body{background-color:#fdeac7;color:var(--primary-color);font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}h1{font-size:8vw;margin-bottom:0;text-decoration:underline}#subtitle{font-size:3vw}#resultado{font-size:6vw;margin-top:20px;font-weight:700;color:var(--primary-color)}#descricaoresultado{width:80vw;font-size:5vw;margin-top:0}input{width:50vw;height:calc(20px + 1vw);border-radius:10px;border:1px solid var(--primary-color);color:var(--primary-color);font-size:2vw;text-align:center;font-family:Courier New,Courier,monospace;margin-bottom:20px}input[type=button]{background-color:#55370023;color:var(--primary-color);font-weight:700;cursor:pointer;width:30vw;font-size:calc(10px + 1vw)}input[type=button]:disabled{opacity:.2;cursor:not-allowed}footer{position:fixed;bottom:0;width:100%;background-color:var(--primary-color);color:#fff;text-align:center;padding:10px;font-size:3vw}@media screen and (min-width: 768px){footer{font-size:1vw}h1{font-size:4vw}#subtitle{font-size:2vw}#resultado{font-size:3vw;margin-top:20px;font-weight:700;color:var(--primary-color)}#descricaoresultado{width:80vw;font-size:2vw}input{font-size:calc(10px + 1vw)}}