*{box-sizing:border-box}body{background-color:#0b2434;justify-content:center;margin:0}.main,body{align-items:center;display:flex;padding:20px}.main{background-color:#f5f5f5;border-radius:10px;flex-direction:column;justify-content:space-around;max-width:800px}.dies-container{grid-gap:20px;display:grid;gap:20px;grid-template:repeat(5,1fr) /auto auto;margin-bottom:40px}.roll-dice{background-color:#264e68;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Karla,sans-serif;font-size:1rem;height:60px;width:120px}.roll-dice:focus{outline:none}.roll-dice:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7)}.instructions{font-size:15px;text-align:center}.title{font-size:40px}.instructions,.timer{font-size:25px}.dice{-webkit-animation:dotAnimationDice .5s ease-in-out 1s;animation:dotAnimationDice .5s ease-in-out 1s;-webkit-animation-delay:0s;animation-delay:0s;border-radius:10px;box-shadow:0 2px 2px rgba(0,0,0,.15);cursor:pointer;height:70px;position:relative;width:70px}.dot{-webkit-animation:dotAnimationDots .5s ease-in-out 1s;animation:dotAnimationDots .5s ease-in-out 1s;-webkit-animation-delay:.1s;animation-delay:.1s;background-color:#000;border-radius:50%;height:15.4px;position:absolute;width:15.4px}.dot-center{left:28px;top:28px}.dot-top{left:28px;top:10.5px}.dot-bottom{bottom:10.5px;left:28px}.dot-top-left{left:10.5px;top:10.5px}.dot-top-right{right:10.5px;top:10.5px}.dot-bottom-left{bottom:10.5px;left:10.5px}.dot-bottom-right{bottom:10.5px;right:10.5px}.dot-left-top{left:10.5px;top:10.5px}.dot-left-center{left:10.5px;top:28px}.dot-left-bottom{left:10.5px;top:45.5px}.dot-right-top{right:10.5px;top:10.5px}.dot-right-center{right:10.5px;top:28px}.dot-right-bottom{right:10.5px;top:45.5px}.dot:after,.dot:before{background-color:#fff;border-radius:50%;content:"";display:block;height:3.5px;position:absolute;width:3.5px}.dot:before{left:2.5px;top:2.5px}.dot:after{bottom:2.5px;right:2.5px}.score{align-items:center;display:flex;justify-content:center;margin-top:20px}.highestScore,.rollText,.score{font-size:25px}@-webkit-keyframes dotAnimationDots{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes dotAnimationDots{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes dotAnimationDice{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes dotAnimationDice{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@media only screen and (min-width:480px){main{max-width:640px}.dies-container{grid-template:auto auto/repeat(5,1fr)}}
/*# sourceMappingURL=main.c3491b4f.css.map*/