@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);*{background-color:#c5638f;font-family:Roboto,sans-serif;font-size:20px}body{align-items:center;display:flex;justify-content:center}h1{font-size:35px;text-decoration:underline}.container{background:#401848;border:10px solid #401848;border-radius:5px;left:50%;margin:0 auto;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:260px}.keypad{display:grid;grid-auto-rows:minmax(60px,auto);grid-template-columns:repeat(4,1fr)}input[type=text]{background-color:#1d1f18;border:0;color:#fff;font-size:25px;font-weight:500;height:75px;letter-spacing:1px;outline:none;text-align:right;width:254px}#clear{color:#262834;grid-column:1/3;grid-row:1}#result{grid-column:3/5;grid-row:5}#backspace,#result{color:#262834}button{background-color:#61b0cf;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;margin:5px}button:active,button:focus,input:active,input:focus{outline:none}.highlight{background:#38cd87}
/*# sourceMappingURL=main.66f297ec.css.map*/