*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}body{overflow:hidden}main{align-items:center;background-color:gray;display:flex;height:100vh;justify-content:center}.container{background-color:#000;border-radius:30px}form{background-color:green;border-radius:40px;display:flex;flex-direction:column;height:200px;justify-content:flex-end;width:100%}form,form input{background-color:#000}form input{border:none;color:#fff;font-size:60px;font-weight:300;max-width:300px;outline:none;padding:0 16px;text-align:right}.keypads{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr;padding:10px;place-items:center;width:100%}.keypads button{background-color:hsla(0,0%,100%,.168);border:none;border-radius:30px;color:#e7e7e7;font-size:1.5rem;font-weight:500;height:60px;transition:scale .1s;width:60px}.keypads button:active{background-color:#5b5858;scale:.9}.keypads .zero{grid-column:1/3;width:128px}.keypads .yellow{background-color:#f69906;font-size:2rem;font-weight:500}.keypads .yellow:active{background-color:#b16f04}.keypads .controls{background-color:#a0a0a0;color:#000}@media only screen and (max-width:1000px){body{max-height:90vh}body,main{background-color:#000}form{height:260px}form input{font-size:78px;max-width:390px}.keypads button{border-radius:50%;font-size:1.95rem;height:78px;width:78px}.keypads{gap:11px}.keypads .yellow{font-size:2.6rem}.keypads .zero{border-radius:39px;width:166px}.container{border-radius:0;margin-bottom:30px}}
/*# sourceMappingURL=main.750aa61d.css.map*/