@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden}.App,html{position:absolute;width:100%;height:100%;background-color:azure}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;overflow-y:auto;text-align:center}.header-btn{position:absolute;left:0;top:0}.header-btn a,.header-btn button,.header-btn small{-webkit-text-fill-color:azure;color:azure}.header-btn code{-webkit-text-fill-color:#dc143c;color:#dc143c}.pcMsg{-webkit-text-fill-color:#32cd32;color:#32cd32;font-weight:bolder;position:absolute;right:20px;top:20px}:root{--yellow:#feb60a;--red:#ff0062;--blue:#00dbf9;--violet:#da00f7}div.dots div{display:flex;justify-content:center;align-items:center}div.dots div>div{width:1vw;height:1vw;border-radius:100%;margin:.5vw;background-image:linear-gradient(145deg,hsla(0,0%,100%,.5),transparent);-webkit-animation:bounce 1.5s linear .5s infinite;animation:bounce 1.5s linear .5s infinite}.yellow{background-color:#feb60a;background-color:var(--yellow)}.red{background-color:#ff0062;background-color:var(--red);-webkit-animation-delay:.1s;animation-delay:.1s}.blue{background-color:#00dbf9;background-color:var(--blue);-webkit-animation-delay:.2s;animation-delay:.2s}.violet{background-color:#da00f7;background-color:var(--violet);-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes bounce{0%,50%,to{transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}25%{transform:scale(.6);-webkit-filter:blur(3px);filter:blur(3px)}75%{-webkit-filter:blur(3px);filter:blur(3px);transform:scale(1.4)}}@keyframes bounce{0%,50%,to{transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}25%{transform:scale(.6);-webkit-filter:blur(3px);filter:blur(3px)}75%{-webkit-filter:blur(3px);filter:blur(3px);transform:scale(1.4)}}body,html{height:100%}h1{color:#3e3e42;font-size:32px;font-weight:800;letter-spacing:-1px;transform:translateZ(35px)}h1,small{margin:10px 3px}small{color:#eb285d;font-size:16px;transform:translateZ(25px)}.game{min-height:100%}.game .cards{box-shadow:0 10px 20px 20px rgba(0,0,0,.17);padding:30px 35px;perspective:1800px;text-align:left;transform-origin:50% 50%;transform-style:preserve-3d;transform:rotateX(11deg) rotateY(16.5deg);min-width:595px;background:url(/tic-tac-toe-React-Py/static/media/bg.6f9ebf4d.jpg);background-image:url(/tic-tac-toe-React-Py/static/media/bg.6f9ebf4d.jpg);-moz-background:cover;-webkit-background:cover;background-size:cover;background:cover;background-position:50%;background-repeat:no-repeat;background-color:#000;margin-top:100px}.game .card,.game .cards{border-radius:15px;display:inline-block}.game .card{box-shadow:5px 5px 20px -5px rgba(0,0,0,.6);height:350px;overflow:hidden;perspective:1200px;position:relative;transform-style:preserve-3d;transform:translatez(35px);transition:transform .2s ease-out;width:100%;text-align:center;background-color:transparent}.game .card:not(:last-child){margin-right:30px}.card__img{position:relative;height:100%}.card__bg{bottom:-50px;left:-50px;position:absolute;right:-50px;top:-50px;transform-origin:50% 50%;transform:translateZ(-50px);z-index:0}.card__one{margin-top:20px;width:100%}.card__one .card__img{top:0;right:0;height:100%}.card__content{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.55));position:absolute;bottom:0;height:100%;width:100%;display:flex;z-index:2;justify-content:center;align-items:center}.card__content .tic-tac-toe-board{position:absolute;left:2.5%;top:2.5%;height:95%;width:95%;flex:1 1;border-radius:5px;border:solid #00f;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"a b c" "d e f" "g h i"}.block{border:solid #00f;background:rgba(0,0,0,.7);width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.block:hover{background:hsla(0,0%,98%,.7)}.spot0{grid-area:a}.spot1{grid-area:b}.spot2{grid-area:c}.spot3{grid-area:d}.spot4{grid-area:e}.spot5{grid-area:f}.spot6{grid-area:g}.spot7{grid-area:h}.spot8{grid-area:i}.card__title{color:#fff;font-size:18px;font-weight:700;padding:0 10px;margin-bottom:3px}.notice{background:gold;border-top-left-radius:6px;bottom:0;font-family:monospace;padding:8px 10px;right:-20px}.notice,.twitter__link{font-size:14px;position:absolute}.twitter__link{cursor:pointer;right:-10px;top:12px;z-index:-1;background:#00aced;border-radius:20px;height:30px;text-decoration:none;padding-right:10px;justify-content:space-between;font-weight:600;display:flex;align-items:center;color:#fff;width:74px;opacity:.4}.twitter__link:hover{opacity:1}.twitter__icon{height:30px}.score{-webkit-text-fill-color:azure;color:azure;margin:20px 0}@media screen and (max-width:700px){.game .cards{border-radius:15px;box-shadow:0 10px 20px 20px rgba(0,0,0,.17);display:flex;flex-direction:column;padding:30px 35px;text-align:left;min-width:100%;background:cover;background-size:100%;background-position:50%;transform:none}.game .cards small{color:#eb285d;font-size:10px;margin-bottom:6px;transform:translateZ(25px)}.game .cards .score{margin:0}.game .cards .card__content .tic-tac-toe-board{left:0;width:100%}.game .card{border-radius:15px;box-shadow:5px 5px 20px -5px rgba(0,0,0,.6);display:flex;overflow:hidden;position:relative;width:100%;text-align:center;background-color:transparent;transform:translatez(0)}}@media screen and (max-width:900px) and (min-width:601px) and (max-height:600px){.game .cards{box-shadow:0 10px 20px 20px rgba(0,0,0,.17);flex-direction:column;padding:30px 35px;text-align:left;min-width:100%;background:cover;background-size:100%;background-position:50%}.game .card,.game .cards{border-radius:15px;display:flex}.game .card{box-shadow:5px 5px 20px -5px rgba(0,0,0,.6);overflow:hidden;position:relative;width:100%;text-align:center;background-color:transparent}.game .score{margin:0}}@media (max-width:1380px) and (min-width:700px) and (max-height:1380px) and (min-height:700px){.cards{box-shadow:0 10px 20px 20px rgba(0,0,0,.17);flex:1 1;flex-direction:column;padding:30px 35px;text-align:left;min-width:80%;width:80%;max-width:80%;background:cover;background-size:100%;background-position:50%}.card,.cards{border-radius:15px;display:flex}.card{box-shadow:5px 5px 20px -5px rgba(0,0,0,.6);overflow:hidden;position:relative;width:100%;text-align:center;background-color:transparent}.card__one{margin-top:0;width:100%}.card__one .card__img{top:0spx;right:-10px;height:100%}}
/*# sourceMappingURL=main.8222b6f7.chunk.css.map */