main{height:400px;max-width:800px;background-color:#f5f5f5;padding:1rem;margin-inline:auto;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}h1{font-size:40px;margin:0}p{font-family:Inter,sans-serif;font-weight:400;margin-top:0}.die-container{display:grid;grid-template:auto auto / repeat(5,1fr);gap:20px;margin-bottom:40px}.roll-dice{height:50px;width:100px;border:none;border-radius:6px;background-color:#5035ff;color:#fff;cursor:pointer;font-size:1.2rem;box-shadow:0 5px 12px #0000002e}.roll-dice:active{box-shadow:inset 5px 5px 10px -3px #000000b3}.roll-dice:focus{outline:none}.die-face{grid-row:span 1;border-radius:10px;height:50px;width:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 3.57447px 3.57447px #0000001a}.die-num{font-size:2em;font-weight:lighter}body{background-color:#0b2434;font-family:Helvetica,Arial,sans-serif;padding:20px;font-family:Karla,sans-serif;font-weight:700;text-align:center}