*{margin:0;padding:0;box-sizing:border-box}.full{height:100vh;width:100%;background-color:#f0f8ff;display:flex;justify-content:center;align-items:center}.calc{background-color:#070707;height:auto;width:320px;border-radius:20px;padding:20px;box-shadow:0 0 20px #6e025380}h1{color:#fff;text-align:center;margin:10px 0}.dis{height:60px;width:100%;border:none;border-radius:10px;background-color:#1a1a1a;color:#fff;font-size:24px;text-align:right;padding-right:10px;padding-top:21px;margin-bottom:20px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key{border:none;height:60px;font-size:20px;border-radius:10px;color:#fff;background-color:#333;transition:.2s}.key:hover{background-color:#555}.key.eq{background-color:#ff6b6b;color:#fff}.key.eq:hover{background-color:#ff4b4b}