body,html{background-color:#555;font-family:sans-serif;margin:0;padding:0}#app{align-items:center;display:flex;height:100vh;justify-content:center}.calculator{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-areas:"total total total total" "modif modif modif oper" "digit digit digit oper" "digit digit digit oper" "digit digit digit oper" "digit digit digit oper";height:500px;width:300px}button{border:.5px solid #98999b;font-size:2rem}.modifiers button{background-color:#ccc}.operations button{background-color:orange}.digits button{background-color:#efefef}#total{align-items:flex-end;background-color:#333;color:#fff;display:flex;font-size:4rem;grid-area:total;justify-content:flex-end;margin:0;padding:1rem}.digits{display:flex;flex-direction:row-reverse;flex-wrap:wrap;grid-area:digit}.digits button{flex:1 0 30%}.digit.wide{flex:2 0 60%;order:1}.modifiers{grid-area:modif;grid-auto-columns:1fr;grid-auto-flow:column}.operations{grid-area:oper}.subgrid{display:grid}.oper-container{margin:0 .6rem}
/*# sourceMappingURL=main.66bf0816.css.map*/