@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&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}*{font-family:Roboto,sans-serif;font-size:18px}body{align-items:center;background-attachment:fixed;background-blend-mode:color;background-image:url(/static/media/calculator2.c68427343b9d70b72f19.png);background-position:50%;background-repeat:no-repeat;background-size:auto auto;background-size:cover;display:flex;justify-content:center}.container{background:#f5f4da;border:3px solid #000;border-radius:30px;left:50%;margin:0 auto;padding:20px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px}.keypad{display:grid;grid-auto-rows:minmax(60px,auto);grid-template-columns:repeat(3,1fr)}input[type=text]{background-color:#dee8dd;border:2px solid grey;border-radius:5px;color:#000;font-size:25px;font-weight:500;height:75px;letter-spacing:1px;margin-bottom:20px;margin-top:10px;text-align:right;width:300px}#clear{color:#262834;grid-column:1/3;grid-row:1}#result{color:#262834;grid-column:3/5;grid-row:5}#backspace{color:#262834;grid-column:3/4;grid-row:1}button{background:#262834;border:2px solid grey;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin:5px;transition:all .2s}button:active,button:focus,input:active,input:focus{outline:none;-webkit-transform:translateY(2px);transform:translateY(2px)}button:active{background-color:grey}.highlight{background:#56cbdb}.highlight__special{background:#f0cf69;color:#000;font-size:22px;font-weight:700}.highlight-c,.highlight-clear{background:#f36141;color:#fff;font-weight:700}.highlight__zero{color:#fff;grid-column:1/4}.equals{font-size:25px}@media screen and (max-width:320px){.container{background:#f5f4da;border:3px solid #000;border-radius:30px;left:50%;margin:0 auto;padding:20px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:220px}input[type=text]{background-color:#dee8dd;border:2px solid grey;border-radius:5px;color:#000;font-size:25px;font-weight:500;height:75px;letter-spacing:1px;margin-bottom:20px;margin-top:10px;text-align:right;width:220px}}@media screen and (min-width:480px){.container{background:#f5f4da;border:3px solid #000;border-radius:30px;left:50%;margin:0 auto;padding:20px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px}input[type=text]{background-color:#dee8dd;border:2px solid grey;border-radius:5px;color:#000;font-size:25px;font-weight:500;height:75px;letter-spacing:1px;margin-bottom:20px;margin-top:10px;text-align:right;width:300px}}
/*# sourceMappingURL=main.4583d49b.css.map*/