.display{background-color:#182034;color:#fff;font-family:League Spartan,sans-serif;font-size:32px;text-align:end;padding:1rem;border-radius:10px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;background-color:#232c43;padding:3rem 1rem;border-radius:10px}.button{font-size:20px;padding:1rem;border:none;border-radius:5px;cursor:pointer;font-family:League Spartan,sans-serif;display:flex;align-items:center;justify-content:center}.button.primary{background-color:#eae3dc;color:#444b5a;box-shadow:0 0 5px #b4a597}.button.secondary{background-color:#637097;color:#fff}.button.danger{background-color:#d03f2f;color:#fff;grid-column:3/5}.button.secondary:nth-last-child(2){grid-column:1/3}body{background-color:#3a4764;display:flex;flex-direction:column;align-items:center;justify-content:center}.app{max-width:800px;margin:2rem auto;padding:1rem;color:#fff}