*{box-sizing:border-box}body{background-color:#0b2434;font-family:Karla,sans-serif;justify-content:center}body,main{display:flex;padding:20px}main{align-items:center;background-color:#f5f5f5;border-radius:5px;flex-direction:column;height:480px;justify-content:space-around;max-width:800px}.title{font-size:40px;margin-bottom:0;padding-top:0}.instructions{font-family:Inter,sans-serif;font-size:17px;text-align:center}.dice-container{grid-gap:20px;display:grid;grid-template:auto auto/repeat(5,1fr);margin-bottom:20px}.die-face{border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.15);height:55px;width:55px}.dot{background-color:#000;border-radius:50%;display:block;height:6px;margin:6px;width:6px}.first-face{align-items:center;display:flex;justify-content:center}.second-face{display:flex;justify-content:space-between}.second-face .dot:nth-of-type(2){align-self:flex-end}.third-face{display:flex;justify-content:space-between}.third-face .dot:nth-of-type(2){align-self:center}.third-face .dot:nth-of-type(3){align-self:end}.fourth-face,.fourth-face .column{display:flex;justify-content:space-between}.fourth-face .column{flex-direction:column}.fifth-face,.fifth-face .column{display:flex;justify-content:space-between}.fifth-face .column{flex-direction:column}.fifth-face .fifth-center{align-self:center}.sixth-face,.sixth-face .column{display:flex;justify-content:space-between}.sixth-face .column{flex-direction:column}.rollDice{background-color:#5035ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Karla,sans-serif;font-size:1.3rem;height:30px;padding:3px;width:150px}.rollDice:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7)}.rollCount{margin-bottom:10px}.stopWatch{font-size:1.15rem}.log{margin-bottom:15px}.restart{background-color:#fd4242;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Karla,sans-serif;font-size:1rem;height:30px;width:120px}.restart:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7)}.logScore{background-color:#10852a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Karla,sans-serif;font-size:1rem;height:30px;margin-left:10px;width:120px}.logScore:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7)}.score{display:flex;justify-content:center}.bestScore{padding-left:10px}@media screen and (max-width:600px){.title{margin-bottom:-10px;padding-top:5px}.restart{width:150px}main{height:500px;width:340px}.dice-container{grid-gap:10px}.score{padding-bottom:10px}}
/*# sourceMappingURL=main.01f2245d.css.map*/