.display{grid-column:span 4;background-color:rgba(0,0,0,.5);font-weight:600;display:flex;justify-content:flex-end;align-items:center;padding:20px;font-size:2.1em;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.button{font-size:1.4em;font-weight:700;background-color:#f0f0f0;border:none;border-right:1px solid #888;border-bottom:1px solid #888;outline:none;cursor:pointer}.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}.calculator{height:320px;width:235px;border-radius:5px;overflow:hidden;display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:1fr 48px 48px 48px 48px 48px}@font-face{font-family:RobotoMono;src:url(../fonts/RobotoMono-Thin.2b2e6d62.ttf) format("truetype")}*{font-family:RobotoMono,monospace}body{margin:0}#myapp{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;color:#fff;background:linear-gradient(90deg,#536976,#292e49)}