@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500&display=swap);input{border:none;border-bottom:1px solid #000;height:1.5rem;margin-bottom:1rem;outline:none;text-align:center;width:12rem}button{background-color:#1da7dd;border:none;border-radius:.5rem;color:#fff;display:inline;font-family:Source Code Pro,monospace;font-weight:700;margin-bottom:.5rem;padding:.5rem;text-transform:uppercase;width:auto}button:hover{background-color:#f9b122;color:#000}main{background-color:transparent;background-image:url(https://res.cloudinary.com/team5-top20/image/upload/v1650827546/wordcombatbg_znd2jt.jpg);display:grid;height:100vh;place-content:center}main .register-card{align-items:center;background-color:#4b4168;box-shadow:0 3px 17px 5px rgba(0,0,0,.34);color:#fff;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;justify-content:space-evenly;max-height:95vh;min-height:500px;position:relative;width:300px}main .register-card__logocontainer{display:none}main .register-card__logocontainer img{margin:0 auto;width:80%}main .register-card a{color:#fff;text-decoration:underline}main .register-card a:hover{color:#f9b122}main .register-card__form{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;overflow-y:hidden}main .register-card__form .title{padding-bottom:10px;text-align:center;text-transform:uppercase}main .register-card__form label{font-weight:700;padding-bottom:5px;text-transform:uppercase}main .register-card__form>h4{padding:10px;text-align:center}main .register-card__form .show{display:block}main .register-card__form .hide{display:none}@media only screen and (min-width:768px){main .register-card{display:grid;grid-template-columns:1fr 1fr;padding-inline:50px;width:60vw}main .register-card__logocontainer{display:block}main .register-card__logo{display:block;flex-grow:1;height:100%;object-fit:contain;width:100%}}@media(min-width:768px){main{background-image:none}}.chatInput{align-items:center;bottom:0;display:flex;justify-content:center;margin:0 auto;position:absolute;width:100%}.chatInput form{width:100%}.chatInput form input{box-sizing:border-box;height:30px;margin:0;padding:0;width:100%}.chatInput form button{bottom:0;position:absolute;right:10px;width:20px}.chatInput form button img{width:100%}.chatButton{margin:0;padding:0}.chatButton,.chatButton:hover{background-color:transparent}.chatBox{border:1px solid #000;color:#fff;font-family:Source Code Pro,monospace;height:100%;position:relative;width:100%}.chatBox__messageSent{margin-left:10px}.chatBox__isWriting{bottom:35px;position:absolute;text-align:center;width:100%}@media(max-width:768px){.chatBox{height:50%}}.Letter_correct__eMoUp{background-color:#4caf50;border:2px solid #4caf50}.Letter_correct__eMoUp,.Letter_present__TfDYT{align-items:center;color:#000;display:flex;font-family:Source Code Pro,monospace;font-size:2em;font-weight:700;height:60px;justify-content:center;width:60px}.Letter_present__TfDYT{background-color:#e5f321;border:2px solid #e5f321}.Letter_absent__GyZtR{align-items:center;background-color:#aaa;border:2px solid #aaa;color:#000;display:flex;font-family:Source Code Pro,monospace;font-size:2em;font-weight:700;height:60px;justify-content:center;width:60px}.Letter_edit__FRHOT,.Letter_empty__ly5k3{align-items:center;background-color:#fff;border:2px solid #555;color:#000;display:flex;font-family:Source Code Pro,monospace;font-size:2em;font-weight:700;height:60px;justify-content:center;width:60px}.word_row__ch3pf{display:flex;gap:5px;justify-content:center;margin-bottom:5px;text-transform:uppercase}.Game_mainContainer__CPsp6{margin:40px auto;width:325px}.Game_modalContainer__yoPKr{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.Game_modalContainer__yoPKr h2{color:#fff;font-family:Source Code Pro,monospace;font-size:1.5rem;text-align:center}.keyboard_keyboardContainer__YQZ0b{display:flex;flex-wrap:wrap;gap:2.2px;margin:0 auto 20px;width:290px}.keyboard_key__AiAMe{background-color:#333;border:none;border-radius:3px;color:#fff;cursor:pointer;height:45px;width:26.25px}.keyboard_emptyKey__OcaiR,.keyboard_key__AiAMe{align-items:center;display:flex;justify-content:center}.keyboard_emptyKey__OcaiR{height:70px;width:25px}.keyboard_enterKey__Ur86h{font-size:35px}.keyboard_deleteKey__\+dq1s,.keyboard_enterKey__Ur86h{align-items:center;background-color:#333;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;width:40px}.keyboard_correct__j3DUy{background-color:#4caf50;border:2px solid #4caf50;color:#000}.keyboard_present__07khA{background-color:#e5f321;border:2px solid #e5f321;color:#000}.keyboard_absent__IGFRD{background-color:#aaa;border:2px solid #aaa;color:#000}.lobby-container__player-profile{grid-gap:1rem;background-color:hsla(0,0%,100%,.2);border-radius:.5rem;color:#fff;display:grid;font-family:Source Code Pro,monospace;gap:1rem;grid-template-columns:35% 65%;height:100%;margin:0 auto;padding:1rem .5rem;position:relative;width:98%}.lobby-container__player-profile__avatar{align-items:center;display:flex;justify-content:center}.lobby-container__player-profile__avatar img{max-height:10rem;max-width:12rem;width:90%}.lobby-container__player-profile__information{display:flex;flex-direction:column;justify-content:space-around}.lobby-container__player-profile__information h2{font-size:1.8rem;font-weight:700;text-transform:capitalize}.lobby-container__player-profile__information p{color:#fff;font-family:Source Code Pro,monospace;font-size:1.1rem;padding-bottom:.5rem;text-transform:capitalize}.lobby-container__player-profile__information article{color:#868686;text-transform:capitalize}.lobby-container__player-profile i{border:1px solid #000;border-radius:50%;height:27px;padding:.3rem;position:absolute;right:.5rem;text-align:center;top:.5rem;width:27px}.GameStyles_main__YSBGs{background-color:#4b4168e0}.GameStyles_playersContainer__dQHgK{align-items:center;color:#fff;display:flex;font-family:Source Code Pro,monospace;justify-content:space-around;margin-top:20px;width:500px}.GameStyles_playersContainer__players__ZiFnh{align-items:center;display:flex;flex-wrap:wrap;height:150px;justify-content:center;width:150px}.GameStyles_playersContainer__players__ZiFnh img{margin:0 auto;width:120px}.GameStyles_playersContainer__players__ZiFnh h2{color:#fff;text-align:center}.GameStyles_isPlayer__Rfrx-{background-color:#4b4168;background-color:#1da7dd}.GameStyles_twoplayers__rafQE{background-color:#4b4168e5;display:grid;grid-template-columns:1fr 1fr;height:90vh;place-content:center}.GameStyles_chatboxMultiplayer__VKeO-{height:1px}.GameStyles_turnMessage__2ZeXZ{color:#fff;font-family:Source Code Pro,monospace;text-align:center}.GameStyles_onlinegame__chat__SABTa{display:block}.GameStyles_onlinegame__chat-chat--rivaltry__qtCzQ h2{color:#fff;font-family:Source Code Pro,monospace}@media(max-width:768px){.GameStyles_twoplayers__rafQE{display:grid;grid-template-columns:1fr;height:auto}}.nav-Container{align-items:center;display:flex;height:80px;justify-content:space-between;padding-inline:1rem}.nav-Container .nav-container__logo{height:3rem}.nav-Container .nav-container__logo img{height:100%;object-fit:contain;width:100%}.nav-Container ul{display:none;list-style:none}.nav-Container ul li a{color:#fff;font-family:Source Code Pro,monospace;text-decoration:underline;text-transform:capitalize}.nav-Container ul li a:hover{color:#f9b122}.nav-Container .nav-container__nav-mobile{display:none}@media(max-width:768px){.nav-Container ul{display:none}.nav-container__hamburger{position:relative;z-index:99}.nav-container__nav-mobile{display:block!important}.nav-container__menu-mobile{background:#4b4168;display:flex;font-size:30px;height:100vh;padding:100px 20px;position:absolute;right:0;top:0;width:100vw;z-index:9}.nav-container__menu-mobile.hidden{display:none}.nav-container__menu-mobile ul{display:block!important}.nav-container__menu-mobile ul li{line-height:7rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#4b4168}a{color:#000;text-decoration:none;text-transform:capitalize}.lobby-container{background-color:#4b4168;height:100vh}.lobby-container__game-option{align-items:center;display:flex;flex-direction:column;height:10rem;justify-content:space-evenly;margin-top:10px}.lobby-container__game-option>button{font-size:1rem;width:20rem}.lobby-container .container-information{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.lobby-container .container-information .donations{color:#fff;display:none;font-family:Source Code Pro,monospace;height:40vh;overflow-y:scroll;text-align:center}.lobby-container .container-information .donations ul{list-style-type:none}.lobby-container .container-information .donations__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.lobby-container .container-information .donations__title{font-size:1.5rem;font-weight:700}.lobby-container .container-information .donations__donationcard{background-color:#ffffff36;color:#fff;font-family:Source Code Pro,monospace;font-size:1.2rem;margin-bottom:5px;padding:5px;width:100%}.chatBoxContainer{height:60%}.gameGenerateContainer{display:flex;flex-direction:column;margin-top:10px}.gameGenerateContainer h2,.modal-container{font-family:Source Code Pro,monospace;text-align:center}.modal-container{background-color:#4b4168;height:100%;width:100%}.modal-container form{display:flex;flex-direction:column;height:100%;justify-content:space-between}.modal-container form h2{font-size:1rem}.modal-container__form__radios{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.modal-container__form__radios label{font-size:.8rem}.modal-container__form__radios label input[type=radio]{border:0;height:auto;height:20px;margin-bottom:0;margin-right:10px;width:auto;width:20px}.disabled_button{background-color:gray;border:none;border-radius:.5rem;color:#fff;display:inline;font-family:Source Code Pro,monospace;font-weight:700;margin-bottom:.5rem;padding:.5rem;text-transform:uppercase;width:auto}.disabled_button:hover{background-color:#000;color:#fff}@media(min-width:768px){body{background-color:#e2e2e2;background-image:url(https://res.cloudinary.com/team5-top20/image/upload/v1650827546/wordcombatbg_znd2jt.jpg);display:grid;height:100vh;place-content:center;width:100vw}.donations{display:block!important}.lobby-container{background-color:#4b4168;box-shadow:0 3px 17px 5px rgba(0,0,0,.34);display:grid;grid-template-areas:"nav nav nav" "profile chat chat" "game  chat chat";grid-template-columns:3fr 1fr 1fr;grid-template-rows:5rem 2fr 3fr;height:80vh;padding:.5rem;width:80vw}.lobby-container .container-information{flex-direction:row}.lobby-container .container-information .donations{width:25vw}.lobby-container .nav-Container{grid-area:nav}.lobby-container .nav-Container ul{display:flex}.lobby-container .nav-Container ul li{margin-inline:1rem}.lobby-container__game{grid-area:profile;height:100%}.lobby-container__game-option{grid-area:game;height:100%}.lobby-container__game-option>button{font-size:1rem;width:20rem}.lobby-container .chatBox{grid-area:chat}.modal-container form h2{font-size:1.5rem}.modal-container__form__radios{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.modal-container__form__radios label{font-size:1.5rem}.modal-container__form__radios label input[type=radio]{border:0;height:auto;height:20px;margin-bottom:0;margin-right:10px;width:auto;width:20px}}.HelpContainer{background-color:#4b4168;color:#fff;font-family:Source Sans Pro,monospace;margin:auto;padding:20px;width:70%}.divImg{margin:auto;text-align:center;width:100%}.linkToLobby{color:#fff;text-decoration:underline}.donationform{display:flex;flex-wrap:wrap;gap:1%}.donationform button,.donationform input,.donationform select,.donationform textarea{margin:2% auto;text-align:center;width:80%}.donationform h2{padding:10px 0;text-align:center;width:100%}.onlinegame__chat-chat--rivaltry h2{color:#fff;font-family:Source Code Pro,monospace;text-align:center}
/*# sourceMappingURL=main.20f5cb43.css.map*/