*{box-sizing:border-box;font-family:Karla,Arial,Helvetica,sans-serif;margin:0;padding:0}body{background-color:#d0d0d0;height:80vh}.App,body{align-items:center;display:flex;justify-content:center}.App{background-color:#0b2434;height:450px;width:450px}.main-container{align-items:center;background-color:#eee;border-radius:10px;display:flex;flex-direction:column;height:380px;width:400px}.title{margin-bottom:20px;margin-top:30px;text-align:center}.summary{margin:5px 0 10px;width:240px}.dice-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,2.4rem);grid-template-rows:repeat(2,1fr);justify-content:center;margin-top:20px}button{cursor:pointer}.dice-button{background-color:#fff;border:none;border-radius:3px;box-shadow:0 2px 2px 0 #bbb;font-size:1.2rem;font-weight:700;height:2.4rem;width:2.4rem}.isHeld{background-color:#59e391}.roll-dice{background-color:#5035ff;border:none;border-radius:5px;color:#fff;font-size:1.2rem;height:2.5rem;margin-top:30px;width:7rem}.sr-only{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width:520px){.App{height:380px;width:400px}.main-container{height:330px;width:360px}.title{margin:10px}}@media screen and (max-width:480px){.App{height:320px;width:360px}.main-container{height:270px;width:300px}.title{margin:5px}.summary{font-size:.8rem;margin:0}.dice-button{font-size:1rem;height:1.8rem;width:1.8rem}.roll-dice{font-size:1rem;height:2rem;width:6rem}}
/*# sourceMappingURL=main.eb149db3.css.map*/