@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&display=swap);*{font-family:Roboto Mono,monospace}body{align-items:center;background:linear-gradient(90deg,#536976,#292e49);color:#fff;display:flex;height:100vh;justify-content:center;text-align:center}.calculator{border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr repeat(5,48px);height:320px;overflow:hidden;width:235px}:root{--background-button:#f0f0f0;--border-button:solid 1px #888}.button{background-color:#f0f0f0;background-color:var(--background-button);border:none;border-bottom:1px solid #888;border-bottom:var(--border-button);border-right:1px solid #888;border-right:var(--border-button);font-size:1.4rem;outline:none}.button:active{background-color:#f0f0f0cc}.double{grid-column:span 2}.triple{grid-column:span 3}.operation{background-color:#fa8231;color:#fff}.operation:active{background-color:#fa8231cc}.display{align-items:center;background-color:#0004;display:flex;font-size:2rem;grid-column:span 4;justify-content:flex-end;overflow:hidden;padding:15px}
/*# sourceMappingURL=main.cd1da5d8.css.map*/