:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;font-family:JetBrains Mono,Fira Code,monospace;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.calculator{background-color:#161b22;border:1px solid #30363d;border-radius:8px;grid-template-rows:minmax(120px,auto) repeat(5,80px);grid-template-columns:repeat(4,80px);place-content:center;min-height:500px;padding:10px;display:grid;box-shadow:0 10px 30px #00000080}.display{word-wrap:break-word;word-break:break-all;background-color:#0d1117;border:1px solid #30363d;border-radius:4px;flex-direction:column;grid-column:1/-1;justify-content:space-around;align-items:flex-end;margin-bottom:10px;padding:15px;display:flex}.display .previous-operand{color:#8b949e;font-size:1rem}.display .current-operand{color:#58a6ff;font-size:2rem;font-weight:600}.buttons{display:contents}button{cursor:pointer;color:#c9d1d9;background-color:#21262d;border:1px solid #30363d;border-radius:4px;outline:none;margin:2px;font-size:1.25rem;transition:all .1s}button:hover{background-color:#30363d;border-color:#8b949e}button:active{color:#fff;background-color:#58a6ff;transform:scale(.95)}.span-two{grid-column:span 2}button[data-operation]{color:#ff7b72;background-color:#161b22;font-weight:700}button.ac{color:#d29922}button.equals{color:#fff;background-color:#238636;border-color:#2ea043}button.equals:hover{background-color:#2ea043}