@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}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)}.App{min-height:100dvh;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;color:#ffffff4d;font-weight:600;scrollbar-width:none}.displaywindow .result{font-size:2.2rem;font-weight:600}.keyswindow{gap:1rem}.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:4px solid rgb(29,29,29);border-radius:25px}.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:.1rem}.keys_basic .equal{background-color:#00ff62;color:#0f0f0f;font-weight:600}.keys_basic .number{color:#fff;font-weight:600}.keys_basic .delete{background-color:#ff3c00;color:#0f0f0f;font-weight:600}.keys_basic .clear{background-color:#ff8c00;color:#0f0f0f;font-weight:600}@media (max-width: 610px){body{padding:.5rem}.calculator{margin:1rem}.keyswindow{flex-direction:column;gap:0}.line{display:none}.keys_scientific{width:100%;grid-template-columns:repeat(5,1fr)}}