.App{padding:30px 20px;background-color:#0b2434}.inner-card{max-width:600px;min-height:100vh;margin:0 auto;padding:0 100px;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px}h1,p{margin:5px 0}p{font-size:15px;font-weight:lighter}.dice-container{display:grid;grid:auto auto / repeat(5,1fr);gap:20px;margin:20px 0}.die-face{display:flex;justify-content:center;align-items:center;width:35px;height:35px;color:#2b283a;box-shadow:1px 2px 5px #00000026;border-radius:5px;font-size:12px;cursor:pointer}button{background-color:#5035ff;color:#fff;border:none;padding:10px 30px;margin-bottom:10px;border-radius:5px;box-shadow:1px 2px 8px #0000002e;font-weight:700;cursor:pointer}button:hover{background-color:#3e28cb}button:active{box-shadow:inset 5px 5px 10px -3px #000000b3}.btn-clear{max-width:200px;padding:10px 30px;margin:20px auto}.count-tracker{background-color:#fff;color:#2b283a;padding:5px 10px;border-radius:5px;margin:5px auto;font-weight:700;font-size:12px;box-shadow:inset 2px 2px 4px -3px #000000b3}.score-container{background-color:#fff;padding:5px;border-radius:5px;margin-bottom:-3px;box-shadow:inset 2px 2px 4px -3px #000000b3;width:400px;display:flex;flex-direction:column;justify-content:space-evenly}.score-tracker{display:flex;justify-content:space-evenly}.title{text-decoration:underline}*{box-sizing:border-box;font-family:Inter,sans-serif;text-align:center}body{margin:0}
