*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f0f0;font-family:Arial,sans-serif;min-height:100vh}.container,body{align-items:center;display:flex;justify-content:center}.container{height:100vh}.calculator{background-color:#f5f5f5;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.2);height:auto;overflow:hidden;width:400px}.output{align-items:flex-end;background-color:#ddd;display:flex;flex-direction:column;height:80px;justify-content:center;padding:15px 20px}.result{color:#f70;font-size:30px}.input{color:#333;font-size:36px}.keys{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:10px}button{background-color:#e0e0e0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:28px;padding:20px;transition:background-color .3s,-webkit-transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out,-webkit-transform .15s ease-in-out}button:hover{background-color:#ccc;-webkit-transform:scale(1.05);transform:scale(1.05)}.keys button:first-child{background-color:#f50;color:#fff;grid-column-end:span 2;grid-column-start:1;transition:background-color .3s,-webkit-transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.keys button:first-child:hover{background-color:#f70;-webkit-transform:scale(1.05);transform:scale(1.05)}.keys button:nth-child(15){background-color:#4caf50;grid-column:4/5;grid-row:4/6;transition:background-color .3s,-webkit-transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.keys button:nth-child(15):hover{background-color:#60c961;-webkit-transform:scale(1.05);transform:scale(1.05)}.keys button:nth-child(16){background-color:#ccc;grid-column-end:3;grid-column-start:1;transition:background-color .3s,-webkit-transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out;transition:background-color .3s,transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.keys button:nth-child(16):hover{background-color:#d0d0d0;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:768px){.calculator{width:100%}.keys{gap:8px;padding:10px}button{font-size:24px;padding:20px}}
/*# sourceMappingURL=main.dff4b85b.css.map*/