#root,body,html{height:100dvh}#root,.App,body,html{box-sizing:border-box;margin:0;padding:0;width:100vw}.App{background-color:#121212;color:#fff;display:block;height:100vh;text-align:center}.game{align-items:center;background-color:#121212;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:calc(100vh - 60px);overflow-y:scroll;padding:50px 0;width:100vw}.board,.game{display:flex;flex-direction:column}.board{border:1px solid #000;height:35vh;max-height:500px;max-width:450px;min-height:250px;width:100%}.row{display:flex;flex:33% 1;flex-direction:row;margin:5px}.letter{border:1px solid grey;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bolder;height:100%;margin:5px;place-items:center}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}.keyboard{margin-top:60px;max-width:700px;width:100%}.line1,.line2,.line3{display:flex;flex:33% 1;flex-direction:row;gap:5px;justify-content:center;margin:5px}.key{background-color:grey;border-radius:4px;color:#fff;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:20px;height:70px;place-items:center;width:50px}#big{width:100px}#disabled{background-color:#3a393c}.gameOver{padding-top:50px}@media (max-width:600px){.keyboard{max-height:200px}.key{font-size:15px;height:50px;width:40px}#big{width:80px}.gameOver h3{font-size:24px}}@media (max-width:400px){.keyboard{max-height:150px}.key{font-size:12px;height:40px;width:30px}#big{width:60px}.gameOver h3{font-size:20px}}nav{align-items:center;border-bottom:1px solid grey;box-sizing:border-box;display:flex;gap:60px;height:60px;justify-content:space-between;margin:0;padding:0 50px;width:100vw}nav a{color:#fff;text-decoration:none}nav h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:45px;margin:0}.login-btn{background-color:#fff;border:2px solid #fff;border-radius:2px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none}.login-btn:hover{background-color:#000;color:#fff}.avatar{border-radius:50%;cursor:pointer;height:45px;width:45px}.how-to-play-link{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:20px;margin:0;text-decoration:underline}.spacer{display:block;flex-grow:1}@media (max-width:768px){nav{gap:20px;padding:0 20px}nav h1{font-size:30px}.login-btn{font-size:14px;padding:8px 16px}.how-to-play-link{font-size:16px}nav .spacer{display:none}}@media (max-width:350px){nav{gap:20px;padding:0 10px}nav h1{font-size:25px}.login-btn{font-size:12px;padding:6px 12px}.how-to-play-link{font-size:14px}nav .spacer{display:none}}.home{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:center;margin:0;padding:0;width:100%}.home h1{font-size:45px}.home h1,.home h2{color:#fff;font-family:Helvetica,Arial,sans-serif;margin:0}.home h2{font-size:25px;padding:50px 0;-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}.home-btn{align-items:center;background-color:#fff;border:2px solid #000;box-sizing:border-box;color:#000;display:flex;flex-direction:row;font-size:20px;gap:10px;justify-content:space-around;margin:10px;padding:20px;text-decoration:none;width:170px}.home-btn:hover{background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer}.home-btn-icon{height:30px;width:30px}.home-btn:hover .home-btn-icon{-webkit-filter:invert(1);filter:invert(1)}.back-btn{font-size:16px}.back-btn .flipX{-webkit-transform:scaleX(-1);transform:scaleX(-1)}@media (max-width:600px){.home h1{font-size:40px}.home h2{font-size:20px}.home-btn{font-size:16px;padding:15px;width:150px}}@media (max-width:400px){.home h1{font-size:30px}.home h2{font-size:15px}.home-btn{font-size:14px;padding:15px}}.leaderboard{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;overflow-y:auto;width:100vw}.leaderboard h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:45px;margin:20px}.leaderboard-table{border-collapse:collapse;margin-top:40px;overflow:hidden;text-align:center;width:90%}.leaderboard-table img{border-radius:50%;height:40px;padding:10px;width:40px}.leaderboard-table th{background-color:#f2f2f2;color:#333;font-family:Helvetica,Arial,sans-serif;font-size:20px}.leaderboard th,td{font-size:20px;max-width:100px;padding:10px;text-overflow:ellipsis}@media (max-width:768px){.leaderboard-table{width:95%}.leaderboard th,td{font-size:15px;padding:5px}.leaderboard h1{font-size:30px}}@media (max-width:500px){.leaderboard-table{width:90%}.leaderboard th,td{font-size:15px;padding:5px}.leaderboard h1{font-size:25px}}.how-to-play{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 60px);overflow-y:auto;padding-bottom:100px;width:100%}.how-to-play h1,h3{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:40px;margin:0}.how-to-play h3{font-size:25px}.how-to-play ul{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:20px;text-align:left}.how-to-play img{max-width:400px;width:70%}@media (max-width:768px){.how-to-play img{width:90%}.how-to-play h1{font-size:30px}.how-to-play h3{font-size:20px;max-width:80%}.how-to-play ul{font-size:16px;max-width:80%}}
/*# sourceMappingURL=main.3c2c2c6a.css.map*/