*{font-family:monospace}body{align-items:center;background:linear-gradient(90deg,#536976,#292e49);color:#fff;display:flex;height:100vh;justify-content:center}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calculator{border-radius:5px;display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:1fr 48px 48px 48px 48px 48px;height:320px;overflow:hidden;width:235px}:root{--bg-button:#f0f0f0;--border-button:solid 1px #888}.button{background-color:#f0f0f0;background-color:var(--bg-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:2rem;outline:none}.button:active{background-color:#ccc}.button.double{grid-column:span 2}.button.triple{grid-column:span 3}.button.operation{background-color:#fa8231;color:#fff}.button.operation:active{background-color:#fa8231cc}.display{align-items:center;background-color:#0004;display:flex;font-size:2.1em;grid-column:span 4;justify-content:flex-end;overflow:hidden;padding:20px}
/*# sourceMappingURL=main.bb925d8f.css.map*/