#joinLogo{width:20rem;margin-top:6%}#joinGameMain{flex-direction:column;align-items:center;width:100%;height:100%;margin-top:10%;display:flex}.joinLobbyTitle{color:var(--white-font);text-align:center;margin:0;font-size:3rem}#roomCode{color:#4f65c4;box-sizing:border-box;background-color:#001781;border:3px solid #004bee;border-radius:.7rem;outline:none;width:40rem;height:3rem;margin-top:2rem;padding:2.5rem 1rem;font-size:2.5rem;font-weight:800}#roomCode::placeholder{color:#4f65c4;opacity:1;font-weight:800}.joinButtonWrapper{justify-content:center;gap:.5rem;width:40rem;margin-top:2rem;display:flex}.button{box-sizing:border-box;background-color:var(--yellow-font);color:#00147b;cursor:pointer;border-bottom:5px solid #9e7717;border-radius:.7rem;flex:1;padding:1rem 0;font-size:2.5rem;font-weight:900;transition:all .2s}.button:hover{transform:scale(1.02)}.joinSubText{margin-top:1.5rem;font-size:1.2rem;font-weight:800}.joinGameDataWrapper{flex-direction:column;align-items:center;width:100%;display:flex}#username{color:#4f65c4;box-sizing:border-box;background-color:#001781;border:3px solid #004bee;border-radius:.7rem;outline:none;width:40rem;height:3rem;margin-top:2rem;padding:2.5rem 1rem;font-size:2.5rem;font-weight:800}#username::placeholder{color:#4f65c4;opacity:1;font-weight:800}#selectAvatarMainWrapper{grid-template-columns:repeat(5,6rem);gap:1rem;height:17rem;padding:1rem;display:grid;overflow-y:auto}.avatarImg{cursor:pointer;box-sizing:border-box;background-color:#003783;border:2px solid #0000;border-radius:.7rem;width:100%;height:auto;padding:.5rem;transition:all .3s}.avatarImg.selected{border:.2rem solid #0070f3;box-shadow:0 0 .2rem #0070f399}.avatarImg:hover{filter:brightness(1.2);transform:scale(1.1)}@media (max-width:575.98px){#joinGameMain{margin-top:22%}#roomCode,#username,.joinButtonWrapper{width:35rem}}