body,html{height:100%}body{color:#f3f4f6;font-family:Helvetica;margin:0;padding:0}.App{align-items:center;display:flex;justify-content:center;text-align:center}.container{margin-top:11em}.container h1{font-size:3em}.container p{color:#06b6d4}.icon{margin-left:100px}.dark{background:linear-gradient(180deg,#111827,#1f2937)}.game h1{font-size:2.5em}.points{font-weight:700;margin-top:2.5em}.category{color:#06b6d4}.centerContent{align-items:center;display:flex;justify-content:center}.wordContainerDark{border:20px solid #06b6d4;border-radius:7px;height:auto;width:auto}.wordContainerDark,.wordContainerLight{display:flex;margin:1.5em;padding:1.5em}.wordContainerLight{border:20px solid #155e75;border-radius:7px}.blankSquareDark,.letterDark{background-color:#fff;border:3px solid #000;border-radius:7px;color:#000;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.blankSquareDark,.blankSquareLight,.letterDark,.letterLight{font-size:70px;font-weight:700;height:100px;line-height:1.5;text-transform:uppercase;transition:4s;width:100px}.blankSquareLight,.letterLight{background-color:#0f172a;border:3px solid #fff;border-radius:7px;color:#fff}.letterContainerDark p{font-weight:700}.letterContainerDark input{background-color:#f4f4f5;border-radius:7px;font-size:20px;height:60px;margin-right:3em;text-align:center;width:60px}.letterContainerDark button{background-color:#155e75;border:2px solid #a3a3a3;border-radius:1.5em;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;height:3.6em;text-transform:uppercase;transition:1.5s;width:10em}.letterContainerDark button:hover{background-color:#0284c7}.letterContainerLight p{font-weight:700}.letterContainerLight input{background-color:#0f172a;border-radius:7px;color:#fff;font-size:20px;height:60px;margin-right:3em;text-align:center;width:60px}.letterContainerLight button{background-color:#155e75;border:2px solid #a3a3a3;border-radius:1.5em;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;height:3.6em;text-transform:uppercase;transition:1.5s;width:10em}.letterContainerLight button:hover{background-color:#0284c7}@media(max-width:1000px){.wordContainerDark{border:10px solid #06b6d4;max-width:600px}.wordContainerLight{border:15px solid #155e75;max-width:600px}.blankSquareDark,.blankSquareLight,.letterDark,.letterLight{font-size:55px;height:75px;width:85px}}@media(max-width:575px){.wordContainerDark{max-width:400px}.wordContainerLight{max-width:500px}.blankSquareLight,.letterLight{font-size:45px;height:65px;width:70px}.blankSquareDark,.letterDark{font-size:45px;height:60px;width:70px}}@media(max-width:475px){.wordContainerDark,.wordContainerLight{max-width:300px}.blankSquareDark,.blankSquareLight,.letterDark,.letterLight{font-size:25px;height:35px;width:50px}}.light{background:linear-gradient(180deg,#e5e7eb,#f9fafb);color:#000}.dark,.light{height:100vh;transition:6s;width:100vw}.dark{background-color:linear-gradient(180deg,#111827,#1f2937);color:#fff}.button{background-color:#155e75;border:2px solid #a3a3a3;border-radius:1.5em;color:#fff;cursor:pointer;font-size:1.1em;height:4em;transition:1.5s;width:15em}button:hover{background-color:#0284c7}h2 span{color:#06b6d4;font-size:1.5em}
/*# sourceMappingURL=main.798aaa06.css.map*/