*{margin:0;padding:0;box-sizing:border-box;font-family:Popins,sans-serif}button{border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit}body{background-color:#0f0f0f;color:#fff;background-image:linear-gradient(#161616 1px,transparent 1px),linear-gradient(to right,#161616 1px,#0f0f0f 1px);background-size:20px 20px}.App{min-height:100dvh;display:flex;gap:1rem;align-items:center;justify-content:center;flex-direction:column}.developer span{font-weight:600;color:#ed00ff}.Calculator{border:3px solid rgba(255,255,255,.3);border-radius:10px;max-width:600px;width:100%;overflow:hidden}.DisplayWindow{background-color:#141414;display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem;height:120px;flex-direction:column}.DisplayWindow .expression{overflow-x:auto;width:100%;text-align:right;color:#ffffff4d;font-weight:600;scrollbar-width:none}.DisplayWindow .result{font-size:2.2rem;font-weight:600}.KeysWindow{background-color:#1d1d1d;display:flex;padding:1rem;gap:1rem}.KeysWindow button{padding:.8rem 1.2rem;font-size:1.3rem;cursor:pointer;color:#ffffff80;border-radius:5px}.KeysWindow button:hover{background-color:#fff3}.keys-scientific{width:30%;display:grid;grid-template-columns:repeat(2,1fr)}.line{width:4px;background-color:#ffffff14;margin-block:1.5rem}.keys-basic{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.keys-basic .equal{background-color:#ed00ff;color:#0f0f0f}.keys-basic .number{color:#fff;font-weight:600}@media (max-width: 610px){body{padding:1rem}.Calculator{margin:1rem}.KeysWindow{flex-direction:column;gap:0}.line{display:none}.keys-scientific{width:100%;grid-template-columns:repeat(5,1fr)}}