@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap);*{box-sizing:border-box;font-family:Source Code Pro,monospace}body{background-color:#0b2434;margin:0}main{align-items:center;border-radius:5px;display:flex;flex-direction:column;justify-content:space-around}.navigation{background:#8660ff;color:#fff;height:100px;width:100%}.navigation-title{margin:0;padding:30px;text-align:center}.counter,.instructions{color:#fff;padding:30px;text-align:center}.dice-container{grid-gap:20px;display:grid;gap:20px;grid-template:auto auto/repeat(5,1fr);margin:75px}.die-face{align-items:center;border-radius:10px;box-shadow:0 2px 2px rgba(0,0,0,.15);cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.die-num{font-size:2rem}.roll-dice{background:#8660ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;height:50px;width:150px}.roll-dice:focus{outline:none}.roll-dice:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7)}
/*# sourceMappingURL=main.cfbed7b2.css.map*/