body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#container{width:330px;background-color:#999;display:grid;margin:2rem auto;padding:5px;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(7,65px);grid-template-areas:"display display display display" "display display display display" "clear percentage divide multiply" "seven eight nine subtract" "four five six add" "one two three equals" "zero zero decimal equals"}#result{display:flex;flex-direction:column;grid-area:display;background-color:#222;margin-bottom:5px;padding:10px;color:#eee}#expression{width:100%;height:65px;font-size:24px;margin-bottom:10px}#display,#expression{text-align:right;font-family:VT323,monospace}#display{font-size:48px}#clear{grid-area:clear}#percentage{grid-area:percentage}#divide{grid-area:divide}#seven{grid-area:seven}#eight{grid-area:eight}#nine{grid-area:nine}#multiply{grid-area:multiply}#subtract{grid-area:subtract}#four{grid-area:four}#five{grid-area:five}#six{grid-area:six}#add{grid-area:add}#zero{grid-area:zero}#decimal{grid-area:decimal}#equals{grid-area:equals}.button{display:flex;justify-content:center;align-items:center;border:1px solid #000;font-family:B612 Mono,monospace;font-size:24px;font-weight:700;color:#333}.button:hover{border:1px solid #eee;color:#fff}.number{background-color:#a1dbb2}.operator{background-color:#faca66}.specialOperator{background-color:#f7a541}.equals{background-color:#f45d4c}
/*# sourceMappingURL=main.5a18a4bf.chunk.css.map */