*{box-sizing:border-box}main{background-color:#1d1d1d;height:700px;margin:40px auto;max-width:600px;padding:50px 40px}main .container{align-items:center;background-color:#ececec;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:20px;width:100%}.container>h2{margin-bottom:0;text-align:center}.container span{color:#009700}section{padding:0 20px;text-align:center}.die_container{flex-wrap:wrap}.die,.die_container{display:flex;justify-content:center}.die{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 2px 2px rgba(0,0,0,.25);cursor:pointer;height:60px;margin:15px;width:60px}.die.held{background-color:#4aff6b}.roll_dice{background-color:#4c46ff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin:20px 0;padding:14px 45px}.roll_dice:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7)}@media screen and (max-width:590px){main{height:900px}}@media screen and (max-width:520px){main .container{padding:20px 0}.container span{display:block}}@media screen and (max-width:425px){main{padding:25px}.container>h2,main{margin:0}}@media screen and (max-width:380px){.die{margin:8px}}@media screen and (max-width:324px){.die{height:50px;margin:8px;width:50px}}
/*# sourceMappingURL=main.0a8578d3.css.map*/