:root{--body-bg:#f9f9f9;--header-bg:#079afc;--title-cl:#fdfdfd;--player-cl:#079afc;--text-cl:#333;--button-bg:#e8e8e8}@font-face{font-family:"CovesBold";src:url(/static/media/CovesBold.2673b4f6.otf)}@font-face{font-family:"CovesLight";src:url(/static/media/CovesLight.62a84258.otf)}.body{display:grid;grid-template-rows:10% 85% 5%;grid-template-areas:"header" "main" "footer";background-color:#f9f9f9;background-color:var(--body-bg);box-sizing:border-box;height:100vh}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.board{justify-content:space-around;width:60vh;height:60vh;max-width:80vmin;max-height:80vmin;margin:0 auto}.board,main{position:relative;background-color:transparent;display:flex;flex-direction:column}main{grid-area:main}.game,main{align-items:center;height:100%}.game,.size{display:flex}.size{z-index:2;justify-content:space-around}.title{font-family:"ONEDAY";letter-spacing:.2em;font-size:7vmin;margin:2vmin}.svg-board{z-index:1;position:absolute;width:100%;height:100%;-webkit-filter:blur(100vmin);filter:blur(100vmin);-webkit-animation:path-blur .5s forwards;animation:path-blur .5s forwards}.svg-board path{fill:var(--player-cl);stroke:var(--player-cl);stroke-opacity:.65;-webkit-animation:path-color 2s linear forwards;animation:path-color 2s linear forwards}@-webkit-keyframes path-color{to{fill:var(--text-cl);stroke:var(--text-cl)}}@keyframes path-color{to{fill:var(--text-cl);stroke:var(--text-cl)}}@-webkit-keyframes path-color-reset{to{fill:var(--text-cl);stroke:var(--text-cl)}}@keyframes path-color-reset{to{fill:var(--text-cl);stroke:var(--text-cl)}}@-webkit-keyframes path-blur{to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes path-blur{to{-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes path-blur-reset{to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes path-blur-reset{to{-webkit-filter:blur(0);filter:blur(0)}}.score-board{font-family:"CovesLight";display:flex;justify-content:space-between;align-items:center;width:82vmin;margin:4vh 0 1vh}.score-board label{display:flex;align-items:center;font-size:5vmin;color:var(--text-cl)}.icon-x{font-size:5vmin;margin:0 .2em}.icon-o,.icon-x{color:var(--player-cl);stroke:var(--player-cl);stroke-width:5;fill-opacity:1;stroke-opacity:.65}.icon-o{font-size:4.5vmin;margin:0 .4em}.button{border:none;outline:none;width:18vh;height:18vh;max-width:24vmin;max-height:24vmin;display:flex;justify-content:center;align-items:center;cursor:pointer}.button,.button:active{background-color:transparent}.player1{font-size:20vmin}.player1,.player2{color:var(--player-cl);stroke:var(--player-cl);stroke-width:5;fill-opacity:0;stroke-opacity:.65;max-width:75%;max-height:75%;-webkit-animation:fill-in .3s .5s forwards;animation:fill-in .3s .5s forwards}.player2{font-size:16vmin}.button svg path{stroke-dashoffset:2000;stroke-dasharray:2000;-webkit-animation:player-draw 1s forwards;animation:player-draw 1s forwards}@-webkit-keyframes player-draw{to{stroke-dashoffset:0}}@keyframes player-draw{to{stroke-dashoffset:0}}@-webkit-keyframes fill-in{to{fill-opacity:1}}@keyframes fill-in{to{fill-opacity:1}}.line{position:absolute;stroke:var(--player-cl);stroke-width:.1em;stroke-dashoffset:200;stroke-dasharray:200;z-index:10;stroke-opacity:.92;-webkit-animation:line-draw 2s forwards;animation:line-draw 2s forwards}@-webkit-keyframes line-draw{to{stroke:var(--text-cl);stroke-dashoffset:0}}@keyframes line-draw{to{stroke:var(--text-cl);stroke-dashoffset:0}}.line line{animation:line-steps 3s linear 1s infinite reverse}@-webkit-keyframes line-steps{to{stroke-dashoffset:0;stroke-dasharray:5}}@keyframes line-steps{to{stroke-dashoffset:0;stroke-dasharray:5}}.menu{position:fixed;width:100vw;height:100vh;background-color:transparent;top:0;z-index:10;box-sizing:border-box;display:none}.button-items{color:var(--text-cl);font-family:"CovesBold";outline:none;border:none;margin:0;background-color:var(--button-bg);height:6vmin;width:100%;display:flex;align-items:center;font-size:2.5vmin;padding:0 1.5vmin;border-radius:1.5vmin;cursor:pointer;transition:.3s}.button-items:hover{background-color:var(--header-bg);color:var(--title-cl)}.button-items:hover .menu-icon{-webkit-filter:brightness(100%);filter:brightness(100%)}.dark{justify-content:space-between;cursor:default}.flex-center{display:flex;align-items:center}.dark input[type=checkbox]{position:relative;height:3vmin;width:6vmin;-webkit-appearance:none;outline:none;background-color:#c6c6c6;border-radius:1.5vmin;box-shadow:inset 0 0 1vmin rgba(0,0,0,.16);transition:.5s;cursor:pointer}.dark input:checked[type=checkbox]{background-color:#079afc}.dark input[type=checkbox]:before{content:"";position:absolute;width:2.5vmin;height:2.5vmin;background-color:#fff;border-radius:50%;top:calc(50% - 1.25vmin);left:.4vmin;box-shadow:0 .5vmin .8vmin hsla(0,0%,48.2%,.53);transition:.5s}.dark input:checked[type=checkbox]:before{left:3.25vmin}.menu-icon{height:4.3vmin;width:4.3vmin;padding:.7vmin;border-radius:50%;background-color:var(--title-cl);box-sizing:border-box;-webkit-filter:brightness(.83);filter:brightness(.83);margin-right:1vmin;display:flex;justify-content:center;align-items:center;color:var(--text-cl);transition:.3s}.play-again{font-family:"CovesLight";background-color:var(--header-bg);border:none;outline:none;font-size:3vmin;color:var(--title-cl);top:calc(20vh - 8vmin);left:calc(50vw - 16vmin);width:32vmin;height:8vmin;cursor:pointer;border-radius:2vmin;box-shadow:0 1vmin .9vmin 0 rgba(0,0,0,.25);-webkit-animation:play-again-scale 2s ease-in-out 1s infinite;animation:play-again-scale 2s ease-in-out 1s infinite}.grow,.play-again{position:absolute;z-index:20}.grow{left:0;opacity:0;-webkit-animation:play-again-opacity 1s cubic-bezier(.89,2.5,.7,.8) 1s forwards;animation:play-again-opacity 1s cubic-bezier(.89,2.5,.7,.8) 1s forwards}.button-menu{z-index:39}.button-menu,.hamburger-menu{position:fixed;background-color:transparent;border:none;outline:none;cursor:pointer;height:3.5vmin;width:3.8vmin;left:4%;top:calc(5% - 1.75vmin)}.hamburger-menu{z-index:30}.menu-items{background-color:var(--body-bg);display:flex;flex-direction:column;justify-content:space-evenly;height:100%;padding:10vmin 3.2vmin 5vmin;box-sizing:border-box;opacity:0}.menuItems-animation-end{opacity:1}.hamburger-bar-1,.hamburger-bar-2,.hamburger-bar-3{position:absolute;display:block;background-color:var(--title-cl);width:3.7vmin;height:.65vmin;border-radius:.2vmin;left:0;cursor:default}.hamburger-bar-1{top:0;box-shadow:0 0 0 0 transparent}.hamburger-bar-1,.hamburger-bar-1-animation-end{box-sizing:border-box;z-index:31;overflow:hidden}.hamburger-bar-1-animation-end{top:-50%;left:-50%;height:50vmin;width:40vmin;border-radius:1.5vmin;box-shadow:0 1vmin 2vmin 0 rgba(0,0,0,.35)}.hamburger-bar-2{top:calc(50% - .32vmin);z-index:32}.hamburger-bar-2-animation-end{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--text-cl);width:2.9vmin;height:.5vmin}.hamburger-bar-3{top:calc(100% - .65vmin);z-index:32}.hamburger-bar-3-animation-end{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:var(--text-cl);top:calc(50% - .32vmin);width:2.9vmin;height:.5vmin}@-webkit-keyframes menu-items-animation{to{opacity:1}}@keyframes menu-items-animation{to{opacity:1}}@-webkit-keyframes menu-items-animation-reverse{to{opacity:0}}@keyframes menu-items-animation-reverse{to{opacity:0}}@-webkit-keyframes bar-1{10%{top:-50%;left:-50%;width:3.7vmin;height:.65vmin}50%{width:40vmin;height:2vmin;border-radius:.3vmin}to{top:-50%;left:-50%;height:50vmin;width:40vmin;border-radius:1.5vmin;box-shadow:0 1vmin 2vmin 0 rgba(0,0,0,.35)}}@keyframes bar-1{10%{top:-50%;left:-50%;width:3.7vmin;height:.65vmin}50%{width:40vmin;height:2vmin;border-radius:.3vmin}to{top:-50%;left:-50%;height:50vmin;width:40vmin;border-radius:1.5vmin;box-shadow:0 1vmin 2vmin 0 rgba(0,0,0,.35)}}@-webkit-keyframes bar-1-reverse{0%{top:-50%;left:-50%;height:50vmin;width:40vmin;border-radius:1.5vmin;box-shadow:0 1vmin 2vmin 0 rgba(0,0,0,.35)}50%{width:40vmin;height:2vmin;border-radius:.3vmin}90%{top:-50%;left:-50%;width:3.7vmin;height:.65vmin}to{width:3.7vmin;height:.65vmin;top:0;left:0;border-radius:.2vmin}}@keyframes bar-1-reverse{0%{top:-50%;left:-50%;height:50vmin;width:40vmin;border-radius:1.5vmin;box-shadow:0 1vmin 2vmin 0 rgba(0,0,0,.35)}50%{width:40vmin;height:2vmin;border-radius:.3vmin}90%{top:-50%;left:-50%;width:3.7vmin;height:.65vmin}to{width:3.7vmin;height:.65vmin;top:0;left:0;border-radius:.2vmin}}@-webkit-keyframes bar-2{to{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--text-cl);width:2.9vmin;height:.5vmin;top:calc(50% - .32vmin)}}@keyframes bar-2{to{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--text-cl);width:2.9vmin;height:.5vmin;top:calc(50% - .32vmin)}}@-webkit-keyframes bar-2-reverse{to{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:var(--title-cl);width:3.7vmin;height:.65vmin}}@keyframes bar-2-reverse{to{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:var(--title-cl);width:3.7vmin;height:.65vmin}}@-webkit-keyframes bar-3{to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:var(--text-cl);top:calc(50% - .32vmin);width:2.9vmin;height:.5vmin}}@keyframes bar-3{to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:var(--text-cl);top:calc(50% - .32vmin);width:2.9vmin;height:.5vmin}}@-webkit-keyframes bar-3-reverse{to{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:var(--title-cl);top:calc(100% - .65vmin);width:3.7vmin;height:.65vmin}}@keyframes bar-3-reverse{to{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:var(--title-cl);top:calc(100% - .65vmin);width:3.7vmin;height:.65vmin}}@-webkit-keyframes play-again-opacity{to{opacity:1}}@keyframes play-again-opacity{to{opacity:1}}@-webkit-keyframes play-again-scale{0%,to{background-color:var(--header-bg);width:28vmin;left:calc(50vw - 14.5vmin)}50%{letter-spacing:.7vmin;-webkit-filter:brightness(110%);filter:brightness(110%);width:36vmin;left:calc(50vw - 18.5vmin)}}@keyframes play-again-scale{0%,to{background-color:var(--header-bg);width:28vmin;left:calc(50vw - 14.5vmin)}50%{letter-spacing:.7vmin;-webkit-filter:brightness(110%);filter:brightness(110%);width:36vmin;left:calc(50vw - 18.5vmin)}}header{display:flex;justify-content:center;align-items:center;grid-area:header;background-color:var(--header-bg)}.title{font-family:"CovesBold";font-size:6.5vmin;color:var(--title-cl)}.react-logo{width:2.8vmin;height:2.8vmin;fill:var(--title-cl);stroke:var(--title-cl);-webkit-animation:rotate 15s linear infinite;animation:rotate 15s linear infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotate{to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}footer{grid-area:footer;background-color:var(--header-bg);display:flex;justify-content:center;align-items:center}body{height:100vh;margin:0}
/*# sourceMappingURL=main.41bdaf36.chunk.css.map */