:root{--primary:#d81e5b;--secondary:#8c38ff;--dark:#131a26;--light:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Courier New,Courier,monospace}body{background-color:var(--light)}.App{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px}.calculator{width:100%;max-width:400px;background-color:var(--light);border-radius:16px;overflow:hidden;box-shadow:0 2px 64px #0003}.display{padding:16px;text-align:right;background-color:var(--dark);color:var(--light);font-size:24px;font-weight:300}.display span{font-size:14px;color:#888}button{appearance:none;border:none;outline:none;color:#fff;font-size:20px;padding:16px;cursor:pointer;transition:.4s}button:hover{opacity:.9}.operators{display:flex}.operators button{flex:1 1 0%;background-color:var(--primary);font-weight:700}.digits{display:flex;flex-wrap:wrap}.digits button{flex:1 1 33.333%;max-width:33.333%;background-color:var(--dark)}