@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{font-family:Roboto,sans-serif;font-size:18px}body{align-items:center;display:flex;justify-content:center}.container{background:#101116;border:10px solid #101116;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:256px}.keypad{display:grid;grid-auto-rows:minmax(60px,auto);grid-template-columns:repeat(4,1fr)}input[type=text]{background-color:#10111600;border:0;color:#fff;font-size:25px;font-weight:700px;height:75px;letter-spacing:1px;text-align:right;width:248px}#clear{color:#262834;grid-column:1/3;grid-row:1}#result{grid-column:3/5;grid-row:5}#backspace,#result{color:#262834}button{background:#262834;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px}button:active,button:focus,input:active,input:focus{outline:none}.highlight{background:#56cbdb}
/*# sourceMappingURL=main.3130c338.css.map*/