*{box-sizing:border-box}body{margin:0;background:#0b2434;font-family:Karla,sans-serif}.board{background:#f5f5f5;margin:3%;border-radius:8px;display:flex;flex-direction:column;align-items:center}.die--container{display:grid;grid-template-columns:repeat(5,50px);grid-template-rows:50px 50px;gap:20px}button{font-family:Karla,sans-serif;font-size:1.4rem;border:0;border-radius:4px}.die{box-shadow:0 2px 2px #00000026;color:#2b283a}.button--roll{margin-block:35px;height:35px;padding-inline:20px;width:fit-content;background:#5035ff;box-shadow:0 3px 8px #0000002e;cursor:pointer}.button--roll:hover{outline:black solid 1px}.button--roll:active{box-shadow:inset 5px 5px 10px -3px #000000b3}.content{display:flex;flex-direction:column;align-items:center;width:350px;margin-bottom:30px}.instructions{color:#2b283a9d}.rollCounter{align-self:flex-start;border:#5035ff solid 3px;padding:12px;margin:10px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.rollCounter>h3,.rollCounter>h4{margin:0}