*{box-sizing:border-box}body{background-color:#0b2434;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;padding:20px;font-family:Karla,sans-serif;display:flex}div#root{width:100%;max-width:400px;height:100%;max-height:400px}main{background-color:#f5f5f5;border-radius:5px;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;display:flex}.title{margin:0;font-size:40px}.instructions{text-align:center;margin-top:0;font-family:Inter,sans-serif;font-weight:400}.dice-container{grid-template:auto auto/repeat(5,1fr);gap:20px;margin-bottom:40px;display:grid}button{cursor:pointer;font-family:Karla,sans-serif}.dice-container button{background-color:#fff;border:none;border-radius:10px;width:50px;height:50px;font-size:1.75rem;font-weight:700;box-shadow:0 2px 2px #00000026}button.roll-dice{white-space:nowrap;color:#fff;background-color:#5035ff;border:none;border-radius:6px;width:auto;height:50px;padding:6px 21px;font-size:1.2rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}