@import url(https://fonts.googleapis.com/css2?family=Seymour+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@100;400&display=swap);:root{--game-font:"Seymour One",sans-serif;--speech-font:"Sofia Sans",sans-serif;--dark-purple:#12164b;--dark-blue:#2a76b4;--light-blue:#79b9ff;--white:#fff;--light-grey:#ddd}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{min-height:100%}body{-ms-overflow-style:none;-webkit-font-smoothing:antialiased;height:100vh;line-height:1.5;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}canvas,img,picture,svg,video{display:block;max-width:100%}img{display:block}li,ol,ul{margin:0;padding:0}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}main{align-items:center;background-color:#79b9ff;background-color:var(--light-blue);display:flex;flex-direction:column;justify-content:center;min-height:100%;position:relative}h1{color:#12164b;color:var(--dark-purple);font-family:Seymour One,sans-serif;font-family:var(--game-font);font-size:6vw;letter-spacing:1px;padding:1rem 1rem 6rem}.game-board{background:#79b9ff;background:var(--light-blue);color:#fff;color:var(--white);font-size:30px;font-weight:700;padding:25px;position:relative;transition:margin-top .3s ease,margin-left .3s ease,box-shadow .3s ease}.game-board,.game-section{align-items:center;display:flex;flex-direction:column}.game-section{gap:1rem}.restart{background-color:initial;background-color:#12164b;background-color:var(--dark-purple);border:1px solid #12164b;border:1px solid var(--dark-purple);border-radius:5px;color:#fff;color:var(--white);cursor:pointer;font-family:Sofia Sans,sans-serif;font-family:var(--speech-font);font-weight:400;padding:.5rem 4rem;transition:all .3s ease-in-out}.status{margin-bottom:10px}.square{background:#fff;background:var(--white);border:10px solid #12164b;border:10px solid var(--dark-purple);color:#12164b;color:var(--dark-purple);cursor:pointer;float:left;font-family:Seymour One,sans-serif;font-family:var(--game-font);font-size:6vw;font-weight:700;height:8rem;line-height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:8rem}.square:focus{outline:none}.game{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;max-width:1200px;width:100%}.game img{margin:0 auto;max-width:35rem;min-width:20rem;object-fit:contain;position:relative;width:100%}.game-info{position:absolute}.player-x{margin-left:3rem}.player-o{margin-left:23rem;margin-top:-3rem}.player-o,.player-x{-webkit-animation:float 5s ease-in-out infinite;animation:float 5s ease-in-out infinite;box-shadow:20px 20px #2a76b4;box-shadow:20px 20px var(--dark-blue);color:#12164b;color:var(--dark-purple);font-family:Sofia Sans,sans-serif;font-family:var(--speech-font);font-size:2.5vw;letter-spacing:1px;mix-blend-mode:multiply;padding:1rem 3rem;text-align:center;width:-webkit-max-content;width:max-content}.player-o,.player-o:after,.player-x,.player-x:after{background-color:#ddd;background-color:var(--light-grey);border-radius:11px;position:absolute;-webkit-transform:translatey(0);transform:translatey(0);z-index:999}.player-o:after,.player-x:after{-webkit-animation:float2 5s ease-in-out infinite;animation:float2 5s ease-in-out infinite;bottom:-30px;box-shadow:22px 22px #2a76b4;box-shadow:22px 22px var(--dark-blue);content:".";display:block;font-size:8vw;height:11px;left:0;line-height:30px;text-align:left;width:55px;z-index:-2}@-webkit-keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes float2{0%{line-height:30px;-webkit-transform:translatey(0);transform:translatey(0)}55%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}60%{line-height:10px}to{line-height:30px;-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float2{0%{line-height:30px;-webkit-transform:translatey(0);transform:translatey(0)}55%{-webkit-transform:translatey(-20px);transform:translatey(-20px)}60%{line-height:10px}to{line-height:30px;-webkit-transform:translatey(0);transform:translatey(0)}}@media (hover:hover){.restart:hover{background-color:#2a76b4;background-color:var(--dark-blue);border-color:#2a76b4;border-color:var(--dark-blue);transition:all .3s ease-in-out}}@media screen and (max-width:900px){.game{grid-template-columns:1fr;margin-bottom:3rem}}
/*# sourceMappingURL=main.2384b4fd.css.map*/