.splash_screen_page{max-width:500px;min-width:300px}.splash-screen,.splash_screen_page{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.splash-screen{background:#22c1c3;background:linear-gradient(0deg,#22c1c3,#512dfd)}.logo-box{align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;height:300px;justify-content:center;padding:10px;width:300px}.logo,.logo-box{border-radius:100%}.logo{height:97%;width:97%}.zoom-in-out-box{-webkit-animation:zoom-in-zoom-out 1s ease-in-out infinite;animation:zoom-in-zoom-out 1s ease-in-out infinite}.menu_screen_page{align-items:flex-start;-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;background-color:var(--purple);flex-direction:column;height:100vh;max-width:500px;min-width:300px}.menu_screen_page,.top_menu_page{display:flex;justify-content:center;width:100%}.top_menu_page{align-items:center;flex:0.8 1}.menu_logo{align-items:center;-webkit-animation:popup 3s;animation:popup 3s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;display:flex;justify-content:center;padding:5px;width:70%}.menu_logo,.menu_logo>img{transition-timing-function:ease-in-out}.menu_logo>img{-webkit-animation:scrollBanner 3s;animation:scrollBanner 3s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;border-radius:20px;position:relative;width:80%}.bottom_menu_page{flex:1.2 1;flex-direction:column}.bottom_menu_page,.menu_item_box{align-items:center;display:flex;justify-content:flex-start;width:100%}.menu_item_box{flex:0.7 1;flex-direction:column}@-webkit-keyframes scrollBanner{0%{-webkit-transform:translateX(-400%);transform:translateX(-400%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes scrollBanner{0%{-webkit-transform:translateX(-400%);transform:translateX(-400%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes popup{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.menu_item{border-radius:50px;flex:1 1;margin:10px;width:calc(100% - 20px)}.menu_item,.menu_item>span{align-items:center;display:flex;justify-content:center}.menu_item>span{color:#fff;font-size:2rem;font-weight:700;height:100%;width:100%}.menu_item>span:hover{background:linear-gradient(135deg,#000 38%,#000 78%);border-radius:50px;color:#fff;cursor:pointer}.PrePlayGamePage{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;background-color:var(--purple);flex-direction:column;height:100vh;justify-content:center;max-width:500px;min-width:300px}.PrePlayGamePage,.PrePlayGamePage_top{align-items:center;display:flex;width:100%}.PrePlayGamePage_top{justify-content:flex-start;padding:10px}.PrePlayGamePage_BackButton{align-items:center;background-color:#fff;border-radius:50%;display:flex;font-size:1.5rem;justify-content:center;padding:5px}.PrePlayGamePage_BackButton:hover{background-color:#000;color:#fff;cursor:pointer}.PrePlayGamePage_Middle{flex:1 1;flex-direction:column}.PrePlayGamePage_Middle,.PrePlayGamePage_SelectTurnSymbolBox{align-items:center;display:flex;justify-content:center;width:100%}.PrePlayGamePage_SelectTurnSymbolBox{position:relative;-webkit-transform:translateY(-150px);transform:translateY(-150px)}.PrePlayGamePage_X_SymbolBox{border:5px solid transparent;margin-right:10px;padding:15px}.PrePlayGamePage_X_SymbolBox,.PrePlayGamePage_X_SymbolBox>div{align-items:center;border-radius:10px;display:flex;justify-content:center}.PrePlayGamePage_X_SymbolBox>div{background:#2bd086;background:linear-gradient(135deg,#2bd086 38%,#25a3e2 78%);height:150px;width:120px}.PrePlayGamePage_X_SymbolBox>div>img{width:80%}.PrePlayGamePage_X_SymbolBox:hover{border:5px solid #f85d87;cursor:pointer}.PrePlayGamePage_0_SymbolBox{border:5px solid transparent;margin-left:10px;padding:15px}.PrePlayGamePage_0_SymbolBox,.PrePlayGamePage_0_SymbolBox>div{align-items:center;border-radius:10px;display:flex;justify-content:center}.PrePlayGamePage_0_SymbolBox>div{background:#f85d87;background:linear-gradient(135deg,#f85d87 38%,#f89940 78%);height:150px;width:120px}.PrePlayGamePage_0_SymbolBox>div>img{width:80%}.PrePlayGamePage_0_SymbolBox:hover{border:5px solid #2bd086;cursor:pointer}.PrePlayGamePage_Start_Game{align-items:center;display:flex;justify-content:center;padding:10px 0;width:90%}.PrePlayGamePage_Start_Game>button{flex:0.5 1}.TopBar{justify-content:flex-start;padding:10px;width:100%}.TopBar,.TopBar_BackButton{align-items:center;display:flex}.TopBar_BackButton{background-color:#fff;border-radius:50%;font-size:1.5rem;justify-content:center;padding:5px}.TopBar_BackButton:hover{background-color:#000;color:#fff;cursor:pointer}.game_scene_page{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;animation-iteration-count:1;background-color:var(--purple);flex-direction:column;height:100vh;max-width:500px;min-width:300px;position:relative}.game_scene_page,.game_scene_top_bar{align-items:center;display:flex;justify-content:flex-start;width:100%}.game_scene_top_bar{padding:10px}.game_scene_mid_bar{align-items:flex-end;display:flex;flex:2.5 1;justify-content:center;width:100%}.user_turn{align-items:center;background-color:#27185d;border:2px solid transparent;border-radius:10px;display:flex;flex-direction:column;height:150px;justify-content:flex-start;margin-bottom:20px;margin-right:20px;position:relative;width:120px}.user_indicator{-webkit-animation:moveUpAndDown .5s ease;animation:moveUpAndDown .5s ease;animation-direction:alternate-reverse;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-50px}.user_profile{align-items:center;display:flex;flex:0.45 1;justify-content:center;width:100%}.user_profile>img{border-radius:25%;width:35%}.user_name{color:#fff;flex:0.15 1}.user_name,.user_symbol{align-items:center;display:flex;justify-content:center;width:100%}.user_symbol{flex:0.4 1}.user_symbol>img{border-radius:25%;width:35%}.computer_turn{align-items:center;background-color:#27185d;border:2px solid transparent;border-radius:10px;display:flex;flex-direction:column;height:150px;justify-content:flex-start;margin-bottom:20px;margin-left:20px;position:relative;width:120px}.computer_indicator{-webkit-animation:moveUpAndDown .5s ease;animation:moveUpAndDown .5s ease;animation-direction:alternate-reverse;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-50px}.computer_profile{align-items:center;display:flex;flex:0.45 1;justify-content:center;width:100%}.computer_profile>img{border-radius:25%;width:40%}.computer_name{color:#fff;flex:0.15 1}.computer_name,.computer_symbol{align-items:center;display:flex;justify-content:center;width:100%}.computer_symbol{flex:0.4 1}.computer_symbol>img{border-radius:25%;width:35%}.game_scene_bottom_bar{align-items:center;display:flex;flex:4 1;justify-content:center;padding:15px;width:100%}.game_grid{align-items:center;aspect-ratio:1;background-color:#674ac4;border-radius:5px;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:5px}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes moveUpAndDown{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveUpAndDown{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.player_sprite_turn{align-items:center;background-color:#27185d;border:2px solid transparent;border-radius:10px;display:flex;flex-direction:column;height:150px;justify-content:flex-start;margin-bottom:20px;margin-left:20px;position:relative;width:120px}.player_sprite_indicator{-webkit-animation:moveUpAndDown .5s ease;animation:moveUpAndDown .5s ease;animation-direction:alternate-reverse;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-50px}.player_sprite_profile{align-items:center;display:flex;flex:0.45 1;justify-content:center;width:100%}.player_sprite_profile>img{border-radius:25%;width:40%}.player_sprite_name{color:#fff;flex:0.15 1}.player_sprite_name,.player_sprite_symbol{align-items:center;display:flex;justify-content:center;width:100%}.player_sprite_symbol{flex:0.4 1}.player_sprite_symbol>img{border-radius:25%;width:35%}.grid_item{align-items:center;aspect-ratio:1;background-color:#332167;border-radius:5px;display:flex;justify-content:center;width:calc(30% - 16.66667px)}.grid_item:hover{cursor:pointer}.grid_item>img{width:50%}*{box-sizing:border-box;font-family:Roboto;margin:0;padding:0}:root{--purple:#412ea4;--fontName:"Roboto"}.App{align-items:center;display:flex;height:100vh;justify-content:center}.PageNotFound{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;background-color:var(--purple);flex-direction:column;height:100vh;max-width:500px;min-width:300px}.PageNotFound,.PageNotFound_Bottom{align-items:center;display:flex;justify-content:center;width:100%}.PageNotFound_Bottom{flex:1 1;flex-direction:column}.PageNotFound_Bottom>span{color:#fff;font-size:1.25rem}.GameStatsPage{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;background-color:var(--purple);flex-direction:column;height:100vh;max-width:500px;min-width:300px}.GameStatsPage,.GameStatsPage_Bottom{align-items:center;display:flex;justify-content:center;width:100%}.GameStatsPage_Bottom{flex:1 1;flex-direction:column}.GameStatsPage_Bottom>span{color:#fff;font-size:1.25rem}.GameStatsPage_Title{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.GameStatsPage_Title>span{color:#fff;font-family:Roboto;font-size:2rem;padding:10px 0;text-align:center;width:100%}.GameStatsPage_Stats{align-items:center;display:flex;flex:3 1;flex-direction:column;justify-content:center;width:100%}.GameStatsPage_Stats>.data_item{align-content:center;border-bottom:3px solid #00000032;color:#fff;display:flex;font-family:Roboto;font-size:1.5rem;justify-content:center;margin:5px 0;padding:10px;width:80%}.GameStatsPage_Stats>.data_item>.key_item{flex:1 1;font-weight:700}.GameStatsPage_Chart{align-items:center;display:flex;flex:5 1;justify-content:center;padding:20px 0;width:100%}.chart-container{padding:10px;width:90%}.AboutPage{-webkit-animation:fadeInAnimation 1s ease;animation:fadeInAnimation 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;background-color:var(--purple);flex-direction:column;height:100vh;justify-content:flex-start;max-width:500px;min-width:300px}.AboutPage,.AboutPage_Bottom{align-items:center;display:flex;width:100%}.AboutPage_Bottom{flex:0.75 1;flex-direction:column;justify-content:center}.AboutPage_Image{align-items:center;-webkit-animation:zoom-in-zoom-out 3s ease-out infinite;animation:zoom-in-zoom-out 3s ease-out infinite;aspect-ratio:1;border-radius:50%;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);display:flex;justify-content:center;padding:10px;width:50%}.AboutPage_Image>img{border-radius:50%;width:100%}.AboutPage_Name{margin-top:20px;padding:10px 0;width:100%}.AboutPage_Name>span{color:#fff;display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;text-align:center}.AboutPage_Profile{margin-top:0;padding:10px 0;width:100%}.AboutPage_Profile>span{color:#fff;display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:2px;text-align:center}.AboutPage_Contact{cursor:pointer;margin-top:0;padding:10px 0;width:100%}.AboutPage_Contact,.icon{align-items:center;display:flex;justify-content:center}.icon{aspect-ratio:1;border-radius:50%;margin:0 20px;width:80px}@-webkit-keyframes zoom-in-zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom-in-zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.809a6eae.css.map*/