.calculator{width:320px;border:2px solid #61dafb;border-radius:10px;padding:10px;background-color:#20232a;box-shadow:0 0 20px #00000080}.display{background-color:#1a1c22;color:#fff;text-align:right;padding:20px;border-radius:5px;margin-bottom:10px;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;word-wrap:break-word;word-break:break-all}.expression{font-size:1.2em;color:#aaa}.answer{font-size:2.5em}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}button{padding:20px;font-size:1.5em;border:none;border-radius:5px;background-color:#282c34;color:#fff;cursor:pointer;transition:background-color .2s}button:hover{background-color:#3a3f47}button:active{background-color:#4a4f57}#clear,#equals,#zero{color:#fff}#clear{background-color:#d9534f}#clear:hover{background-color:#c9302c}#equals{background-color:#5cb85c;grid-row:span 2}#equals:hover{background-color:#4cae4c}#add,#subtract,#multiply,#divide{background-color:#61dafb;color:#20232a}#add:hover,#subtract:hover,#multiply:hover,#divide:hover{background-color:#4fa8c5}.jumbo,.zero{grid-column:span 2}.equals{grid-column:4;grid-row:4 / 6}*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#282c34;display:flex;justify-content:center;align-items:center;height:100vh}