@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Roboto:wght@400;500;700;900&display=swap);*{font-family:"Roboto",sans-serif;font-size:20px}body{background-color:#242b2e;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}h1{font-size:30px}a,h1{color:#fff;text-align:center}a{-webkit-justify-content:center;justify-content:center;font-size:15px}.container{top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0 auto;width:256px;text-align:center;border:10px solid #101116;background:#101116;border-radius:5px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(60px,auto)}input[type=text]{height:75px;width:240px;background-color:rgba(16,17,22,0);border:0;color:#fff;text-align:right;font-size:25px;font-weight:500;letter-spacing:1px}#clear{grid-column:1/3;grid-row:1;color:#262834}#result{grid-column:3/5;grid-row:5}#backspace,#result{color:#262834}button{margin:5px;border:none;border-radius:5px;cursor:pointer;background:#262834;color:#fff;font-weight:500}button:active,button:focus,input:active,input:focus{outline:none}.highlight{background:#edbf69}
/*# sourceMappingURL=main.6f732ec8.chunk.css.map */