*{margin:0;padding:0;box-sizing:border-box}body{background:#0b2434;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Karla,sans-serif}.box{padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:420px;height:420px;border-radius:10px;background:#f5f5f5}.container{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.dice{width:55.84px;height:55.84px;background:#fff;border-radius:5px;box-shadow:0 2px 2px #00000026;display:flex;justify-content:center;align-items:center;font-size:2.5rem;cursor:pointer}.roll-button{width:130px;height:50px;background:#5035ff;color:#fff;font-family:Karla,sans-serif;font-size:1.4rem;border:none;margin-top:1em;border-radius:4px;cursor:pointer}.roll-button:active{box-shadow:inset 5px 5px 10px -3px #000000b3}.title{font-size:40px;margin-bottom:.5em;color:#2b283a}.instructions{color:#4a4e74;text-align:center;font-family:Inter;margin-bottom:.8em}