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}*{cursor:url(/static/media/xcom-normal.8efc9765.cur),auto}body{background:#282e3a;width:100%}.icon{display:flex;align-items:center;justify-content:center;margin-top:20px}.icon img{height:150px;-webkit-animation:logo 30s linear infinite;animation:logo 30s linear infinite}@-webkit-keyframes logo{to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes logo{to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}section{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:20}.title h1{font-size:50px;color:#f5f5f5;font-family:Josefin Sans,sans-serif;margin:20px 0 0}.slogan h2,.title h1{text-transform:uppercase}.slogan h2{font-size:25px;letter-spacing:2px;margin:0;font-family:sans-serif;color:#fdee21;font-weight:100}@media (max-width:1024px){.title h1{font-size:50px}.slogan h2{font-size:20px}.icon img{height:150px}}@media (max-width:768px){.title h1{font-size:50px}.slogan h2{font-size:20px}}@media (max-width:425px){.title h1{font-size:30px}.slogan h2{font-size:10px}.icon img{height:100px}}.games{display:flex;justify-content:center;padding:40px 150px;font-size:25px;font-weight:700;text-transform:uppercase;color:#282e3a;text-decoration:none}.gameList,.games{align-items:center}.gameList{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:30px 100px;margin-top:50px}.math{background-color:#662c91;grid-column-start:1;grid-column-end:3}.math:hover{box-shadow:0 0 30px #662c91;-webkit-transition:.3s;transition:.3s}.tiktaktoe{background-color:#ec1e79;grid-column-start:3;grid-column-end:5}.tiktaktoe:hover{box-shadow:0 0 30px #ec1e79;-webkit-transition:.3s;transition:.3s}.hangman{background-color:#5dd1f8;grid-column-start:2;grid-column-end:4}.hangman:hover{box-shadow:0 0 30px #5dd1f8;-webkit-transition:.3s;transition:.3s}@media (max-width:1024px){.games{padding:30px 100px}.gameList{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr}.hangman,.math,.tiktaktoe{grid-column-start:1;grid-column-end:2}}@media (max-width:768px){.games{padding:30px 100px}.gameList{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr}}@media (max-width:425px){.games{padding:10px 70px;font-size:13px}}.headerGameName h1{font-size:50px}.container{height:100vh;width:100vw;flex-direction:column;font-family:Mansalva,cursive}.equation{display:flex}.bar{width:200px;height:50px;border:5px solid #000;border-top-right-radius:220px 21px;border-top-left-radius:93px 30px;border-bottom-right-radius:188px 26px;border-bottom-left-radius:36px 15px;margin:10px}.bar>div{background-color:red;height:50px;-webkit-animation:bar 5s linear infinite;animation:bar 5s linear infinite;border-top-right-radius:220px 21px;border-top-left-radius:93px 30px;border-bottom-right-radius:188px 26px;border-bottom-left-radius:36px 15px}@-webkit-keyframes bar{to{width:0}0%{width:200px}}@keyframes bar{to{width:0}0%{width:200px}}.equation>*{margin:10px;font-size:30px;display:flex;justify-content:center;align-items:center;height:50px;width:50px}.sign{border:2px solid #000;color:red;border-top-right-radius:220px 21px;border-top-left-radius:93px 30px;border-bottom-right-radius:188px 26px;border-bottom-left-radius:36px 15px}.sign h2{margin:0}.mathBtn>button{color:#00f;margin:.5em 1em 1em}.mathBtn>button,.pause button{border-color:#000;border-top-right-radius:220px 21px;border-top-left-radius:93px 30px;border-bottom-right-radius:188px 26px;border-bottom-left-radius:36px 15px;background:transparent;padding:0 12px;font-size:30px;font-family:Mansalva,cursive;outline:none}.pause button{color:red;margin:1em}button:active{border-color:red;color:#000}@media(max-width:425px){.equation>*{height:35px;width:35px}.sign>h2{font-size:25px}.bar{width:200px;height:40px}.bar>div{width:150px;height:40px}}.form,.formMain{display:flex;align-items:center;justify-content:center}.form{padding:20px;flex-direction:column;font-family:Mansalva,cursive;background-color:#fff;color:#353535;border:2px solid #000;border-top-right-radius:220px 21px;border-top-left-radius:93px 30px;border-bottom-right-radius:188px 26px;border-bottom-left-radius:36px 15px;outline:none}.formH1{font-size:25px}.nameinput{border:none;border-bottom:3px solid #353535;border-bottom-right-radius:188px 5px;border-bottom-left-radius:102px 9px;padding:10px 10px 0;font-size:25px;text-align:center;margin-bottom:20px}.click,.nameinput{background:transparent;outline:none;font-family:Mansalva,cursive}.click{border-color:#000;border-top-right-radius:220px 21px;border-top-left-radius:93px 30px;border-bottom-right-radius:188px 26px;border-bottom-left-radius:36px 15px;padding:10px 15px;font-size:20px}.click:hover{box-shadow:1px 1px 5px #222;-webkit-transition:.3s;transition:.3s}@media(max-width:425px){.form{padding:10px}.nameinput{width:200px;font-size:20px}}.container{width:320px;height:400px;flex-flow:wrap;position:relative;margin-top:20px}.container,.square{display:flex;justify-content:center;align-items:center}.square{width:102px;height:102px;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e}.winner,h1{font-size:30px;margin:20px}.text,.winner,h1{font-family:Mansalva,cursive}.text{font-size:45px;margin:0}.strikethrough{position:absolute;background-color:#cd5c5c;height:5px;width:100px}.playerButtons{display:flex;justify-content:space-between}.button{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid red;padding:15px 25px;margin:10px}.button,select{background:none;font-size:25px;font-family:Mansalva,cursive}select{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #00f;padding:10px 20px;text-align:center;outline:none}.gameBoard{display:flex;flex-direction:column;align-items:center;margin-top:50px}@media(max-width:425px){.button,select{font-size:20px;padding:8px 16px}.square{height:90px;width:90px}}.header{background:#1c1f27;justify-content:space-between;margin:0;padding:10px}.header,.headerLogo{display:flex;align-items:center}.headerLogo{justify-content:center}.headerLogo img{height:70px;-webkit-animation:headerLogo 30s linear infinite;animation:headerLogo 30s linear infinite}.name{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-left:20px}.name h1{font-size:30px;color:#f5f5f5;font-family:Josefin Sans,sans-serif}.name h1,.name h2{margin:0;text-transform:uppercase}.name h2{font-size:12px;letter-spacing:2px;font-family:sans-serif;color:#fdee21;font-weight:100}@-webkit-keyframes headerLogo{to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes headerLogo{to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.exite img{height:70px}.exite img:active{box-shadow:none;-webkit-animation:headerLogo 1s linear infinite;animation:headerLogo 1s linear infinite}@media(max-width:379px){.name{display:none}.exite img{height:50px}}.shapDiv img{height:50px;-webkit-animation:shap 10s linear infinite;animation:shap 10s linear infinite}.shapDiv{position:absolute}.shapDiv img:hover{-webkit-animation:shap 2s linear infinite;animation:shap 2s linear infinite}@-webkit-keyframes shap{to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes shap{to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:1311px){.shapDiv{display:none}}.main{background:#282e3a;justify-content:center;position:relative}.main,.paper{display:flex;align-items:center}.paper{background:url(/static/media/ppr.ae0221ad.jpg);width:550px;flex-direction:column;margin:0;height:85.6vh;padding:0 20px}header{display:flex;align-items:center;justify-content:space-between;width:100%;margin:20px}.headerGameName h1{font-family:Mansalva,cursive;font-size:40px;margin:0}.lastPlayer,.ourPLayer{display:flex;align-items:center;justify-content:center}.ourPLayer{flex-direction:row-reverse}.playerName{border-top-left-radius:40px 16px;border-bottom-left-radius:45px 32px;border:2px solid red;border-right:none;border-left:none;padding:0}.ourName{border-top-right-radius:40px 16px;border-bottom-right-radius:45px 32px;border:2px solid #00f;border-right:none;border-left:none;padding:0}.ourName h2,.playerName h2{margin:0;font-size:20px;padding:0 10px;font-family:Mansalva,cursive}.playerScore{border:2px solid red;border-radius:100%;border-top-left-radius:45px 5px;border-bottom-left-radius:45px 5px;border-top-right-radius:40px 16px;border-bottom-right-radius:45px 32px}.ourScore,.playerScore{padding:10px;font-family:Mansalva,cursive}.ourScore{border:2px solid #00f;border-radius:100%;border-top-right-radius:45px 5px;border-bottom-right-radius:45px 5px;border-top-left-radius:40px 16px;border-bottom-left-radius:45px 32px}@media (max-width:425px){.headerGameName{display:none}}.Hangman{display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Mansalva,cursive}.Hangman>h1{margin:0}.DisplayWord>h1{text-transform:uppercase}@media(max-width:425px){.DisplayWord>h1{font-size:20px}}.WrongLetters{font-size:20px;text-transform:uppercase}.SubmitGuess{display:flex;align-items:center;justify-content:center;flex-direction:column}.wordInput{border:none;border-bottom:3px solid #353535;border-bottom-right-radius:188px 5px;border-bottom-left-radius:102px 9px;padding:10px 10px 0;font-size:25px;text-align:center;margin-bottom:20px;text-transform:uppercase}.wordCheck,.wordInput{background:transparent;outline:none;font-family:Mansalva,cursive}.wordCheck{border-color:#000;border-top-right-radius:220px 21px;border-top-left-radius:93px 30px;border-bottom-right-radius:188px 26px;border-bottom-left-radius:36px 15px;padding:10px 15px;font-size:20px}@media(max-width:425px){.wordInput{width:200px}}
/*# sourceMappingURL=main.1cedc980.chunk.css.map */