@import url(https://fonts.googleapis.com/css?family=Lemon|Roboto|Luckiest+Guy|Poppins&display=swap);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}*,html{box-sizing:border-box;color:#000}*,body,html{font-family:"Poppins",sans-serif}body{background-color:#fff;color:#0c0f0a;font-size:14px;line-height:1.5;text-align:center}a,main{display:block}.demo-information{font-size:1rem;font-style:italic}.entry-form{margin-left:auto;margin-right:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:80vw}.entry-option-container{background-color:#18c0f0;padding:20px}.error-message{color:red;font-weight:700;font-style:italic}.form-input::-webkit-input-placeholder{color:#fff}.form-input:-ms-input-placeholder{color:#fff}.form-input::-ms-input-placeholder{color:#fff}.form-input::placeholder{color:#fff}.form-tab,.input-submit-button{border-radius:15px;display:inline-block;padding:10px;border:.5px solid #000;margin:10px;font-size:1.5em;background-color:#ff206e;box-shadow:5px 5px #ff206e;color:#fff}.form-tab:hover,.input-submit-button:hover{cursor:pointer;background-color:#fff;color:#ff206e;outline:none}.formtab:focus,.formtab:visited{outline:none}.form-input{width:60vw;margin:10px;font-size:26px;padding:.4rem;background-color:#42cbf2;border:none}@media (min-width:600px){.entry-form{width:50vw}.form-input{width:30vw}}.sign-up-sucess-message{color:green;font-weight:700}.form{margin-left:auto;margin-right:auto;border:2px solid #000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:50vw}ul{padding:0}a{text-decoration:none}.app-description-container{margin:0 2em}.homepage{background:#18c0f0;height:100vh}.home-page-title{color:#ffbc42;font-family:"Lemon",sans-serif;font-size:3rem;margin:0;padding-top:.5em;text-shadow:3px 3px #ff206e;-webkit-text-stroke:1px #000}@media (min-width:400px){body{font-size:18px}.home-page-title{font-size:4rem}}@media (min-width:700px){body{font-size:22px}.home-page-title{font-size:6rem}}.create-game-button{box-shadow:5px 5px #000;margin:20px auto;border-radius:10px;border:none;background-color:#18c0f0;font-size:1.25em}.create-game-button:hover{cursor:pointer}.create-game-button:active{box-shadow:2px 2px #000}.game-container{margin-top:40px;display:flex;flex-direction:column}.games-list-title{font-family:"Lemon",sans-serif;font-weight:900;font-size:1em;color:#000}.button-style{display:block;font-size:1em;margin:3px;transition:all .5s ease;width:50vw;border-radius:10px;border:none}.button-style:hover{cursor:pointer;background-color:#ffbc42}.button-style:active{background-color:#ba8931}.button-container{flex-direction:column;align-content:center;align-items:center}.button-container,.game-info{display:flex;justify-content:center;margin:10px}.game-info{border-radius:5px;box-shadow:2px grey;font-size:18px;text-align:center;width:80vw;flex-wrap:wrap}.info-container{width:300px}.info-text{color:#fff}.game-info:nth-child(odd){background-color:#d81159}.game-info:nth-child(2n){background-color:#0c0a3e}ul{display:inline-block;margin-left:auto;margin-right:auto}@media (min-width:700px){.button-style{width:20vw}.game-info{text-align:left;padding-left:.4rem}}.input-instructions{margin-top:10vh}.input-instructions-text{margin-bottom:0}.input-container{margin:40px auto 5px}.input-box{border:3px solid #d81159;border-radius:10px;box-shadow:3px 3px #0c0a3e;font-size:1em;height:40vh;padding-left:.4em;text-align:left;width:100%}.submit-button-container{display:flex;flex-direction:column;justify-content:center;width:50vw}.submit-cancel,.submit-input{background-color:#ffbc42;border:none;border-radius:10px;display:block;font-weight:700;font-size:1em;margin:3px;transition:all .5s ease;width:50vw}.submit-cancel:hover,.submit-input:hover{cursor:pointer;background-color:#ba8931}.submit-input:disabled{background-color:grey;cursor:auto}.title-name{border:3px solid #18c0f0;box-shadow:3px 3px #0c0a3e;border-radius:10px;font-size:1.25em;text-align:center;width:60vw}.title-name::-webkit-input-placeholder{padding-left:.4em}.title-name:-ms-input-placeholder{padding-left:.4em}.title-name::-ms-input-placeholder{padding-left:.4em}.title-name::placeholder{padding-left:.4em}@media (min-width:600px){.title-name{width:40vw}}.validation-message{font-size:1rem;color:red;font-style:italic;margin:0}.input-instructions{margin:2em}.input-container{width:60vw}.input-container,.submit-button-container{margin-left:auto;margin-right:auto}.game-start-container{background-color:#0c0a3e;margin:0;height:100vh;padding:10px 0}.mobile-device-note,.ready-message{margin-top:1em;color:#d81159}.game-instructions{font-family:"Luckiest Guy",sans-serif;font-size:2em;margin:0;color:#ffbc42;background-color:#18c0f0;-webkit-text-stroke:1px #000}.game-instructions-list-container{width:60vw;margin-left:auto;margin-right:auto;text-align:left;color:#ffbc42}.game-start-page{margin:0;padding-bottom:40px;background-color:#0c0a3e}.how-to-play-box{margin-top:10vh;width:80vw;margin-left:auto;margin-right:auto;border:2px solid #18c0f0;border-radius:10px}.instructions-list-item{color:#ffbc42}.start-submit-cancel{display:block;font-size:1em;margin-left:auto;margin-right:auto;margin-top:10px;transition:all .5s ease;width:50vw;border-radius:10px;border:none;background-color:#ffbc42;font-weight:700}.start-submit-cancel:hover{cursor:pointer;background-color:#ba8931}.game-controls{display:flex;justify-content:space-around;padding:30px 0;background-color:#18c0f0}.guess-the-word-container{height:100vh;background-color:#18c0f0;padding-top:30px}.answer-page-container,.game-play-container,.scrambled-word-container{height:75vh}.pass-the-ball-text,.scrambled-message-text,.scrambled-word-text{font-size:2rem;font-family:Luckiest Guy,cursive}.control-button{width:20vw;font-size:1rem;border:2px solid #d81159;border-radius:15px;color:#fff;background-color:#0c0a3e;font-weight:700}.control-button:hover{cursor:pointer}@media (min-width:1000px){.guess-the-word-container{padding-top:100px}}@media (min-width:700px){.answer-page-container,.game-play-container,.scrambled-word-container{margin-top:1em}}.answer-word{font-family:"Poppins",sans-serif;font-size:4rem;color:#fbff12;letter-spacing:10px;text-shadow:3px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-weight:700}.answer-message-text{font-size:2rem;font-family:Luckiest Guy,cursive;color:#0c0a3e;margin-top:10px;margin-bottom:0}@media (min-width:600px){.answer-message-text{font-size:4rem}.answer-word{font-size:6rem}}.scrambled-word{font-family:"Poppins",sans-serif;font-size:4rem;color:#fbff12;letter-spacing:10px;text-shadow:3px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-weight:700}@media (min-width:600px){.scrambled-word{font-size:6rem}}.scrambled-message-text{font-size:2rem;font-family:Luckiest Guy,cursive;color:#0c0a3e;margin-top:10px;margin-bottom:0}@media (min-width:600px){.scrambled-message-text{font-size:4rem}}.ball-gif{width:100%;width:150px;height:auto}.ball-image-container{background-color:#18c0f0}@media (min-width:900px){.ball-gif{width:400px}}.pass-the-ball-text{margin:0;color:#0c0a3e;-webkit-text-stroke:1px#fbff12;text-shadow:3px 3px #ff206e,-1px -1px #ff206e,1px -1px #ff206e,-1px 1px #ff206e,1px 1px #ff206e}@media (min-width:600px){.pass-the-ball-text{font-size:4rem}}@media (min-width:800px){.pass-the-ball-text{font-size:6rem}}.end-message{margin-top:30px}.home-button{display:block;font-size:.73em;margin-left:auto;margin-right:auto;margin-top:10px;transition:all .5s ease;width:50vw;border-radius:10px;border:none;background-color:#ffbc42;font-weight:700}.home-button:hover{cursor:pointer}.home-button:active{background-color:#ba8931}.link-text{color:#18c0f0;margin:0 30px;font-size:1em;font-weight:bolder;transition:all .5s ease;font-family:"Poppins",sans-serif;text-shadow:1px 1px #000}.current{background:#ffbc42}#nav-title{color:#ffbc42;font-family:"Lemon",sans-serif;text-shadow:.5px .5px #ff206e;-webkit-text-stroke:.25px #000}.responsive-nav-wrapper{padding-right:10px;text-align:right;font-size:2rem;color:#18c0f0;-webkit-text-stroke:.25px #000}#toggle{display:none}#toggle:checked+.menu,label{display:block}label{cursor:pointer;font-size:26px;margin:0 20px 0 0}.menu{background-color:#0c0a3e;display:none;height:100%;width:100vw}.menu a{text-decoration:none;padding:40px 0;display:block;text-align:center}a:hover{color:#ff206e;cursor:pointer}.not-logged-in{display:flex;align-items:center;justify-content:center}@media (min-width:700px){nav{display:flex}label{display:none;cursor:none}.menu{display:flex;justify-content:space-evenly;background-color:#fff}.menu a{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 10px;padding:0;text-decoration:none}.link-text{font-size:.75em}#nav-title{font-size:1em;margin:0 20vw 0 0}}
/*# sourceMappingURL=main.c5757ac0.chunk.css.map */