*{margin:0;padding:0;box-sizing:border-box;font-family:League Spartan,sans-serif}body{background-color:#3a4764;align-items:center;justify-content:center;display:flex;height:100vh}.container{width:320px;padding:20px;flex-direction:column;display:flex}.heading{color:#fff;display:flex;justify-content:space-between}.answer{background-color:#232c43;color:#fff;padding:20px;display:flex;justify-content:flex-end;border-radius:5px;margin-top:20px;margin-bottom:20px;font-size:40px;overflow:hidden}.numbers{background-color:#182034;color:#fff;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:20px}.number{background-color:#eae3dc;color:#444b5a;padding:10px 5px;justify-content:center;display:flex;align-items:center;border-radius:5px;box-shadow:0 0 10px #b4a597}.command1{background-color:#637097;color:#fff;padding:10px 5px;border-radius:5px;justify-content:center;display:flex;align-items:center;box-shadow:0 0 10px #404e72}.command{background-color:#637097;color:#fff;padding:10px 5px;border-radius:5px;justify-content:center;display:flex;align-items:center;box-shadow:0 0 10px #404e72;grid-column:1/3}.equal{background-color:#d03f2f;color:#fff;padding:10px 5px;border-radius:5px;justify-content:center;display:flex;align-items:center;box-shadow:0 0 10px #93261a;grid-column:5/3}button{border:none}.switch{position:relative;display:inline-block;width:50px;height:14px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#182034}.slider:before{position:absolute;content:"";height:10px;width:10px;left:4px;bottom:4px;top:3px;background-color:#d03f2f;transition:.4s;border-radius:50%}input:checked+.slider:before{transform:translate(4px)}input:checked+.slider:before{transform:translate(10px)}