@import url(https://fonts.googleapis.com/css2?family=Concert+One&family=Dosis&display=swap);body{margin:0;font-family:"Concert One",cursive}.bg,body{height:100vh}.bg{display:flex;justify-content:center;align-items:center;background-color:#1d1d1d}.loading{margin:auto;-webkit-animation-name:load;animation-name:load;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes load{0%{width:0;height:0%;opacity:0}to{width:100%;height:100%;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes load{0%{width:0;height:0%;opacity:0}to{width:100%;height:100%;-webkit-transform:scale(1);transform:scale(1);opacity:1}}.title{font-size:40px;height:80px;background-color:#313131;color:#fff}.mode,.title{position:absolute;top:0;width:100%;display:flex;justify-content:center;align-items:center}.options{margin-top:110px;width:140px;height:40px;outline:none;background-color:#fff;border:2px solid #fff;border-radius:2px;font-size:20px;font-family:"Concert One";cursor:pointer}.board,.options{box-shadow:0 8px 16px 0 rgba(0,0,0,.5)}.board{border:3px solid #fff;border-radius:5px;width:350px;height:350px;margin:auto;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr)}.box{background:#0a0a0a;border:3px solid #fff;font-family:"Concert One",cursive;font-weight:lighter;font-size:50px;cursor:pointer;outline:none;color:#fff;transition:.3s}.box:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.scores-container{width:100%;color:#fff;font-size:22px;margin:-210px 0 0;text-align:center}.scores{display:flex;justify-content:space-evenly;align-items:center;margin-top:-200px;padding:10px}.score{box-shadow:0 4px 8px 0 rgba(0,0,0,.5);background-color:#696969;border:0 solid;border-radius:10px;padding:10px;font-family:"Dosis",sans-serif;-webkit-animation-name:zoom;animation-name:zoom;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.player{box-shadow:0 4px 8px 0 rgba(0,0,0,.5);background-color:#292929;margin-top:200px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:30px;width:100%;position:absolute;bottom:0;text-align:center}.clear-button{margin-bottom:5px;background-color:#f7fa51}.clear-button,.reset-button{margin-left:25px;font-family:"Concert One",cursive;font-size:20px;outline:none;border-radius:10px;padding:7px;box-shadow:0 4px 8px 0 rgba(0,0,0,.5);border:none;cursor:pointer;transition:.3s}.reset-button{background-color:#ff3b3b}.clear-button:hover,.reset-button:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.5)}@media only screen and (max-width:480px){.board{margin-top:140px}.mode{margin-top:-20px}.box{-webkit-transform:scale(1);transform:scale(1);font-size:40px}}@media only screen and (max-width:375px) and (max-height:740px){.board{width:250px;height:250px}.box{font-size:40px}.options{font-size:17px;width:100px}.scores-container{margin-top:-175px}.score{font-size:15px;margin-top:30px}.player{font-size:25px}.clear-button,.reset-button{font-size:18px}}
/*# sourceMappingURL=main.47343ee7.chunk.css.map */