@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Karla,sans-serif}main{align-items:center;display:flex;height:100vh;justify-content:center}.outer-container{background:#0b2434;height:380px;width:360px}.inner-container{align-items:center;background:#d5d5d5;border-radius:7px;display:flex;flex-direction:column;height:333px;margin:23px 14px;width:333px}.header{display:flex;position:relative;width:333px}.header .rolls{left:10px;margin:8px;position:absolute}.header strong{font-size:18px}.header .timer{left:230px;margin:8px;position:absolute}.title{margin-top:33px}.inner-container .instructions{color:#4a4e74;display:flex;font-size:13.5px;line-height:16px;margin:0 43.5px;text-align:center;width:245px}.multi-dice{display:flex;flex-wrap:wrap;gap:18.65px;justify-content:center;padding:20px 0 0}.roll-button{background:#5035ff;border-radius:4px;box-shadow:0 3.2px 7.68px rgba(0,0,0,.18);color:#fff;cursor:pointer;font-family:Karla,sans-serif;font-size:17px;font-weight:700;margin-top:26px;padding:6px 21px;width:140px}.roll-button:focus{outline:none}.roll-button:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7)}.dice{border-radius:4px;box-shadow:inset 0 3.5px #fff,inset 0 -3.5px #bbb,inset 3.5px 0 #d7d7d7,inset -3.5px 0 #d7d7d7;cursor:pointer;display:grid;flex:0 0 auto;grid-template-areas:"a . c" "e g f" "d . b";height:42px;padding:7px;width:42px}.pip{align-self:center;background:#333;border-radius:50%;box-shadow:inset 0 2px #111,inset 0 -2px #555;display:block;height:7px;justify-self:center;width:7px}.nopips{align-items:center;display:flex;font-size:20px;font-weight:700;justify-content:center;opacity:.7;width:28px}.pip:nth-child(2){grid-area:b}.pip:nth-child(3){grid-area:c}.pip:nth-child(4){grid-area:d}.pip:nth-child(5){grid-area:e}.pip:nth-child(6){grid-area:f}.pip:nth-child(odd):last-child{grid-area:g}
/*# sourceMappingURL=main.ced12adb.css.map*/