@import"https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{background-color:#0f0f0f;color:#fff;background-image:linear-gradient(#161616 1px,transparent 1px),linear-gradient(to right,#000 1px,#0f0f0f 1px);background-size:20px 20px}button{border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer}.App{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.developer span{font-weight:600;color:#00ff62}.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;font-weight:600;scrollbar-width:none;color:#fff}.displayWindow .result{font-size:2.2rem;font-weight:600;color:#fff}.keysWindow{background-color:#1d1d1d;display:flex;padding:1rem;gap:1rem;flex-wrap:wrap}.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{margin-block:1.5rem;width:2px;background-color:#ffffff14}.keys_basic{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.keys_basic .equal{background-color:#00ff62;color:#0f0f0f}.keys_basic .number{color:#fff;font-weight:600}@media (max-width: 610px){html,body{padding:0;overflow-x:hidden}.keysWindow{flex-direction:column;gap:0}.line{display:none}.keys_scientific{width:100%;grid-template-columns:repeat(5,1fr)}}