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}.App{text-align:center;font-family:Rajdhani,sans-serif;font-size:xx-large;justify-content:center;background-color:#425;background-image:linear-gradient(to top,#425,#357);background-repeat:no-repeat}.wrapper{height:100vh;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}.grid-container{display:grid;grid-template-columns:repeat(4,75px);grid-template-rows:repeat(6,75px);gap:0;grid-template-areas:"display display display display" "clear back divide multiply" "seven eight nine subtract" "four five six add" "one two three equals" "zero zero decimal equals";justify-content:center;align-items:center;outline:2px solid #000;background:#000}.display{display:grid;grid-area:display;width:300px;height:75px;background-color:#222;color:#ddd;outline:1px solid #111;outline-offset:-1px;border:none;justify-content:right;align-items:center;box-sizing:border-box;padding:0 15px;font-size:xxx-large;user-select:none}#answer{width:275px;height:60px}.button{display:grid;width:75px;height:75px;outline-offset:-1px;outline:1px solid #111;border:none;justify-content:center;align-items:center;user-select:none}.wide{width:150px}.tall{height:150px}.number{background-color:#666}.function{background-color:#962}.ac{background-color:#522;color:#ddd}.clicked{background-color:#111;color:#ddd}div[name="1"]{grid-area:one}div[name="2"]{grid-area:two}div[name="3"]{grid-area:three}div[name="4"]{grid-area:four}div[name="5"]{grid-area:five}div[name="6"]{grid-area:six}div[name="7"]{grid-area:seven}div[name="8"]{grid-area:eight}div[name="9"]{grid-area:nine}div[name="0"]{grid-area:zero}div[name="."]{grid-area:decimal}div[name=Escape]{grid-area:clear}div[name=Backspace]{grid-area:back}div[name="+"]{grid-area:add}div[name="-"]{grid-area:subtract}div[name="*"]{grid-area:multiply}div[name="/"]{grid-area:divide}div[name=Enter]{grid-area:equals}.linkbutton{flex-direction:column;padding:3px 10px 3px 8px;border-radius:4px;background-color:#666;background-image:linear-gradient(to bottom,#ddd,#999);background-repeat:no-repeat;border:none;color:#111;cursor:pointer;font-weight:700}.linkbutton:active{background-color:#222;background-image:linear-gradient(to bottom,#222,#111);color:#ddd}