*{box-sizing:border-box;padding:0;margin:0}body{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;margin:0;overflow:hidden;background-color:#c2c2d6}.calculator{width:340px;max-width:100%;height:auto;background-color:#000;display:flex;flex-direction:column}.keypad{display:grid;grid-template-areas:"clear clear divide multiply" "seven eight nine subtract" "four five six add" "one two three equals" "zero zero decimal equals ";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr)}#display{height:3.5rem;text-align:right;padding:.5rem;font-size:2rem;border:1px solid #ccc;background-color:#000;color:#fff;overflow:hidden}button{border:1px solid black;color:#fff}.digit{background-color:#4d4d4d}.operator{background-color:#666}.clear{grid-area:clear;grid-column:span 2;background-color:#ac3939}.divide{grid-area:divide}.multiply{grid-area:multiply}.seven{grid-area:seven}.eight{grid-area:eight}.nine{grid-area:nine}.subtract{grid-area:subtract}.four{grid-area:four}.five{grid-area:five}.six{grid-area:six}.add{grid-area:add}.one{grid-area:one}.two{grid-area:two}.three{grid-area:three}.equals{grid-area:equals;height:6rem;background-color:#046}.zero{grid-area:zero;grid-column:span 2}.decimal{grid-area:decimal}