*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(90deg,#141e30,#243b55);color:#ccc;display:flex;height:100vh;justify-content:center;text-align:center}body h1{margin-bottom:20px}.calculator{display:grid;font-size:.7em;grid-template-columns:repeat(4,25%);grid-template-rows:100px repeat(4,70px);height:380px;width:260px}@media screen and (min-width:576px){.calculator{grid-template-rows:90px repeat(4,80px);height:410px;width:300px}}@media screen and (min-width:768px){.calculator{font-size:.9em;grid-template-rows:100px repeat(4,85px);height:440px;width:340px}}@media screen and (min-width:1200px){.calculator{width:360px}}.display{align-items:center;background-color:#111a25;display:flex;font-size:1.5em;grid-column:span 4;justify-content:flex-end;letter-spacing:10px;margin-bottom:8px;overflow-x:auto;text-transform:uppercase}:root{--btn-border:solid 1px #000}.btn{background-color:hsla(0,0%,100%,.1);border:none;border:2px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8);cursor:pointer;font-size:1.7em}.btn.enter{grid-row:span 3}.btn:active,.btn:hover{border:2px solid hsla(0,0%,100%,.6)}
/*# sourceMappingURL=main.c57fa865.css.map*/