@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}.square.winning{-webkit-animation:pulse .6s ease-in-out;animation:pulse .6s ease-in-out;background-color:gold}@-webkit-keyframes pulse{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 pulse{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)}}.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}}.theme-toggle{align-items:center;background-color:#fff;background-color:var(--white);border:2px solid #12164b;border:2px solid var(--dark-purple);border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.theme-toggle:hover{box-shadow:0 6px 12px rgba(0,0,0,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-toggle:active{-webkit-transform:scale(.95);transform:scale(.95)}main.dark-mode{background-color:#12164b;background-color:var(--dark-purple)}main.dark-mode h1{color:#79b9ff;color:var(--light-blue)}main.dark-mode .square{background-color:#2a76b4;background-color:var(--dark-blue);border-color:#79b9ff;border-color:var(--light-blue);color:#fff;color:var(--white)}main.dark-mode .square.winning{background-color:orange}main.dark-mode .player-o,main.dark-mode .player-x{background-color:#2a76b4;background-color:var(--dark-blue);box-shadow:20px 20px #79b9ff;box-shadow:20px 20px var(--light-blue);color:#fff;color:var(--white)}main.dark-mode .player-o:after,main.dark-mode .player-x:after{background-color:#2a76b4;background-color:var(--dark-blue);box-shadow:22px 22px #79b9ff;box-shadow:22px 22px var(--light-blue)}main.dark-mode .theme-toggle{background-color:#2a76b4;background-color:var(--dark-blue);border-color:#79b9ff;border-color:var(--light-blue);color:#fff;color:var(--white)}
/*# sourceMappingURL=main.5baede17.css.map*/