@import url(https://fonts.googleapis.com/css?family=Lato:100&display=swap);@import url(https://fonts.googleapis.com/css?family=Righteous);@import url(https://fonts.googleapis.com/css?family=Montserrat);@import url(https://fonts.googleapis.com/css?family=Gochi+Hand);.game{align-items:center;display:flex;flex-direction:column}.board-row{display:flex;flex-flow:row nowrap}.square{background-color:#e78207;border:1px solid #000;color:#fff;font-size:84px;height:100px;padding:0;text-align:center;width:100px}.square:focus{outline:none}.square:focus,.square:hover{background-color:#222}.status{font-size:24px;margin:20px}body{-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;color:#fff;font:32px Century Gothic;height:100vh;margin:20px}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container{align-items:center;display:flex;height:400px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.center{position:absolute}.btn,.center{height:60px;width:180px}.btn{background:transparent;border:1px solid #91c9ff;cursor:pointer;outline:none}.btn,svg{margin-top:200px;transition:1s ease-in-out}svg{fill:none;stroke:#fff;stroke-dasharray:150 480;stroke-dashoffset:150;left:0;position:absolute;top:0}.btn:hover{background:#4f95da;transition:1s ease-in-out}.btn:hover svg{stroke-dashoffset:-480}.btn span{color:#fff;font-size:18px;font-weight:100}
/*# sourceMappingURL=main.314407aa.css.map*/