html{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f5f5;background:linear-gradient(to right, #2c5364, #203a43, #0f2027)}.calculator{background:#fff;width:400px;border-radius:12px;box-shadow:0 5px 30px -5px rgba(0,0,0,.6)}.calculator-display{background:#000;color:#fff;margin:0;display:flex;align-items:center;justify-content:flex-end;border-radius:10px 10px 0 0;max-width:100%}.calculator-display h1{margin:0;padding:25px;font-size:45px;font-family:"Lucida Console",sans-serif;font-weight:100;overflow-x:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.calculator-buttons{display:grid;grid-gap:10px;grid-template-columns:repeat(4, 1fr);padding:10px}button{min-height:50px;font-size:20px;font-weight:100;border:none;background:#c8c8c8;border-radius:5px;cursor:pointer}button:hover{filter:brightness(110%)}button:active{transform:translateY(1px)}button:focus{outline:none}.operator{background:gray;color:#fff;font-size:30px}.clear{background:#ff2828;color:#fff}.clear:hover{filter:brightness(90%)}.equal-sign{grid-column:-2;grid-row:2/span 4;background:#0dce57}@media screen and (max-width: 600px){.calculator{width:95%}}