body{color:#31322d;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-container{font-size:1.2em;height:100%;margin-left:1em;overflow:scroll;overflow-x:hidden;width:100%}.landing-container h1{font-size:3em;text-align:center}.landing-container button{background-color:#77ff75;border:1px solid #000;border-radius:4px;padding:10px 20px}.landing-container button:hover{background-color:#faebd7;transition:all .5s}.Background{background-color:#79cd6c;height:100vh;justify-content:center;overflow:hidden;width:100vw}.Background,.MainBackground{align-items:center;display:flex}.MainBackground{border:5px solid #1a5319;border-radius:16px;height:85%;width:85%}.MainBackground,.MainBackground button,.MainBackground button:hover{background-color:#fcf5ea}.corneruserauth{height:50%;left:30px;position:absolute;top:5px;width:50%}.MainAuth{align-items:center;display:flex;flex-direction:column;height:75%;justify-content:flex-start;width:60%}.Header{font-size:1.6em;font-weight:900;margin-top:0}.Auth{align-items:center;display:flex;flex-direction:column;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;gap:30px;height:100%;justify-content:center;width:100%}.Auth button{background-color:#fcf5ea;border:none;border-radius:8px;color:#31322d;font-size:1em;font-weight:bolder;height:40px;padding:5px;width:200px}.Auth button:hover{background-color:#ccbca0;color:#31322d;transition:all .5s}.SideTab{text-wrap:balance;align-items:center;background-color:#fcf5ea;border-bottom-left-radius:10px;border-right:2px solid #1a5319;border-top-left-radius:10px;display:flex;flex-direction:column;gap:86.5%;height:100%;justify-content:center;width:4%}.SideTab button{background-color:#fcf5ea;border:none;border-radius:8px;color:#31322d;font-weight:900;height:40px;width:40px}.SideTab button:hover{background-color:#ccbca0;transition:all .5s}.SideTabBtn1{font-size:1.3em}.SideTabBtn1,.SideTabBtn2{align-items:center;display:flex;justify-content:center}.SideTabBtn2{font-size:2.2em}.RoomsTab{background-color:#fcf5ea;border-right:2px solid #1a5319;height:100%;text-align:center;width:28%}.RoomsTabHeader{border-bottom:2px solid #1a5319;height:7.5%;justify-content:space-between;padding-inline:20px}.RoomsTabHeader,.RoomsTabHeader button{align-items:center;background-color:#fcf5ea;display:flex}.RoomsTabHeader button{border:none;border-radius:8px;font-size:1.6em;font-weight:900;height:35px;justify-content:center;width:35px}.RoomsTabHeader button:hover{background-color:#ccbca0;transition:all .5s}.RoomsTabHeaderSettings{align-items:center;background-color:#fcf5ea;border-bottom:2px solid #31322d;display:flex;height:7.5%;justify-content:center}.ActiveRooms{flex-direction:column;height:92.5%;overflow:scroll;overflow-x:hidden}.ActiveRooms,.RoomsListDiv{align-items:center;display:flex}.RoomsListDiv{background-color:#fcf5ea;border:none;border-bottom:2px solid #31322d;color:#31322d;font-size:1.2em;height:8%;justify-content:center;width:100%}.RoomsListDiv:hover{background-color:#ccbca0}.RoomListInsideDiv{align-items:center;display:flex;justify-content:center;width:100%}.RoomListInsideDivName{width:100%}.RoomListInsideDivName h2:hover{background-color:hsla(38,30%,71%,.301);transition:all .5s ease}.ActiveRoomsNoActive{align-items:center;display:flex;height:100%;justify-content:center;text-align:center}.ActiveRoomsNoActive h2{color:#31322d;font-style:italic;transform:translateY(-35px)}.LeaveRoomHeader{flex-direction:column;height:100%}.LeaveRoomHeader,.LeaveRoomHeaderTab{align-items:center;display:flex;justify-content:center;width:100%}.LeaveRoomHeaderTab{background-color:#fcf5ea;border-bottom:2px solid #31322d;height:59px}.LeaveRoomButtonSideTab{color:#31322d;margin-top:15px;width:100%}.ChatTab,.LeaveRoomButtonSideTab{align-items:center;display:flex;height:100%;justify-content:center}.ChatTab{border-bottom-right-radius:10px;flex-direction:column;width:68%}.ChatTab,.ChatTabHeader{background-color:#fcf5ea;border-top-right-radius:10px}.ChatTabHeader{align-items:center;border-bottom:2px solid #31322d;display:flex;height:7.5%;justify-content:space-between;width:100%}.ChatTabHeader h1{margin-left:10px}.ChatTabHeader button{align-items:center;background-color:#fcf5ea;border:none;border-radius:8px;display:flex;font-size:1.6em;font-weight:900;height:40px;justify-content:center;margin-right:10px;width:40px}.ChatTabHeader button:hover{background-color:#ccbca0;transition:all .5s}.ChatTabHeaderButtons{align-items:center;display:flex;gap:20px;justify-content:center}.ChatTabHeaderButtons p{color:#31322d;font-size:1.3em;font-weight:700}.ChatTabMsgs{color:#31322d;height:84.5%;overflow:scroll;overflow-x:hidden;width:100%}.TextMSG{font-size:1.3em;font-weight:bolder;margin-left:14px;margin-right:14px;word-break:break-all}.ChatTabMsgsInput{border-bottom-right-radius:10px;border-top:2px solid #31322d;gap:18px;height:8%;width:100%}.ChatTabMsgsInput,.ChatTabMsgsInput button{align-items:center;background-color:#fcf5ea;display:flex}.ChatTabMsgsInput button{border:none;border-radius:8px;font-size:1.6em;font-weight:900;height:40px;justify-content:center;margin-left:10px;width:40px}.ChatTabMsgsInput button:hover{background-color:#ccbca0;transition:all .5s}.ChatTabMsgsInput input{background-color:#fcf5ea;border:none;border-radius:8px;height:40%;margin-left:20px;padding:5px;width:90%}.ChatTabNoRoomActive h2{color:#31322d;font-style:italic}.RoomCreationPopUpBG{height:100%;overflow:hidden;width:100%}.RoomCreationPopUp,.RoomCreationPopUpBG{background-color:#fcf5ea;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100000}.RoomCreationPopUp{align-items:center;border:5px solid #31322d;border-radius:16px;display:flex;flex-direction:column;height:40%;justify-content:center;width:30%}.RoomCreationPopUpHeader{height:20%}.PrivateRoomPopUpHeader,.RoomCreationPopUpHeader{align-items:center;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;font-size:1.5em;justify-content:center;width:100%}.PrivateRoomPopUpHeader{height:50%}.PrivateRoomPopUpEnterPass{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:center;width:100%}.PrivateRoomPopUpHeader h2,.RoomCreationPopUpHeader h2{font-size:1em}.PrivateRoomPopUpHeader button,.RoomCreationPopUpHeader button{align-items:center;background-color:#fcf5ea;border:none;border-radius:5px;display:flex;font-size:1em;height:30px;justify-content:center;margin-left:400px;position:absolute;width:30px}.RoomCreationPopUpHeader button:hover{background-color:#ccbca0}.RoomCreationPopUpData{align-items:flex-start;display:flex;flex-direction:column;gap:10px;height:65%;justify-content:space-between;padding:20px;width:60%}.RoomCreationPopUpButton,.RoomCreationPopUpInput,.RoomCreationPopUpPasswordInput{width:100%}.RoomCreationPopUpInput,.RoomCreationPopUpPasswordInput{align-items:center;display:flex}.RoomCreationPopUpInput label,.RoomCreationPopUpPasswordInput label{font-weight:bolder;margin-right:10px}.RoomCreationPopUpInput input,.RoomCreationPopUpPasswordInput input{border:none;border-radius:6px;font-weight:bolder;letter-spacing:1px;margin-top:30px;padding:5px;width:100%}.RoomCreationPopUpInput input,.RoomCreationPopUpPasswordInput input{background-color:#ccbca0}.RoomCreationPopUpButton button{align-self:flex-start;border:none;border-radius:7px;cursor:pointer;font-weight:700;padding:5px 10px;width:auto}.RoomCreationPopUpButton button:hover{background:linear-gradient(90deg,#ccbca0 48.5%,#a89b88 0)}.RoomCreationPopUpSubmitBtn{align-items:center;display:flex;height:15%;justify-content:center;width:100%}.PrivateRoomPopUpEnterPass button{border:none;border-radius:12px;height:20%}.PrivateRoomPopUpEnterPass button,.RoomCreationPopUpSubmitBtn button{background-color:#fcf5ea;color:#31322d;font-size:1.2em;font-weight:bolder;margin-bottom:20px;width:100px}.RoomCreationPopUpSubmitBtn button{border:2px solid #31322d;border-radius:12px;height:80%}.RoomCreationPopUpSubmitBtn button:hover{background-color:#ccbca0;transition:all .5s}.PrivateRoomEnterPopUpBG{height:100%;overflow:hidden;width:100%}.PrivateRoomEnterPopUpBG,.PrivateRoomPopUp{background-color:#fcf5ea;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100000}.PrivateRoomPopUp{border:5px solid rgba(49,50,45,.365);border-radius:16px;flex-direction:column;height:30%;width:30%}.PrivateRoomPopUp,.exitPass{align-items:center;display:flex;justify-content:center}.exitPass{background-color:#fcf5ea;border:none;border-radius:5px;font-size:1em;height:30px;margin-left:520px;position:absolute;width:30px}.exitPass:hover{background-color:#ccbca0}.PrivateRoomPopUp input,.RoomCreationPopUp input{border:none;border-radius:8px;height:20px;padding:3px;transform:translateY(-15px);width:200px}.submitPass{background-color:#3eca3b;border:none;border-radius:12px;color:#31322d;font-size:1.2em;font-weight:bolder;height:20%;margin-bottom:20px;width:100px}.submitPass:hover{background-color:#ccbca0}.UpdateRoomPopUpBG{border:2px solid #31322d;height:100%;overflow:hidden;width:100%}.UpdateRoomPopU,.UpdateRoomPopUpBG{background-color:#fcf5ea;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100000}.UpdateRoomPopU{border:5px solid #31322d;border-radius:16px;flex-direction:column;height:20%;width:30%}.UpdateRoomPopU,.UpdateRoomPopUpHeader{align-items:center;display:flex;justify-content:center}.UpdateRoomPopUpHeader{gap:10px;transform:translateY(-30px)}.exitUpdatePass{align-items:center;background-color:#fcf5ea;border:none;border-radius:5px;display:flex;font-size:1em;height:30px;justify-content:center;margin-left:520px;position:absolute;width:30px}.exitUpdatePass:hover{background-color:#ccbca0}.UpdateRoomPopU input{border:none;border-radius:8px;height:20px;padding:3px;transform:translateY(-15px);width:200px}.saveUpdates{background-color:#fcf5ea;border:none;border-radius:12px;font-size:1.2em;font-weight:bolder;height:20px;width:80px}.saveUpdates:hover{background-color:#ccbca0}.DeleteRoomBtn{background-color:#fcf5ea;border:2px solid #31322d;border-radius:7px;font-size:1.2em;font-weight:bolder;height:30px;width:140px}.DeleteRoomBtn button:hover{background-color:#706c65}.UpdateROomBtns{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.UpdateROomBtns button{background-color:#dcdcdc;transition:all .5s ease}.SettingsUserDisplay{align-items:flex-start;display:flex;flex-direction:column;font-size:.9em;justify-content:center;margin-left:10px;margin-top:5%}.settingsusermail,.settingsusername{align-items:center;display:flex;gap:13px;justify-content:center}.LogOutButton{height:35px;margin-top:5%;width:100px}.LogOutButton button{background-color:#fcf5ea;border:2px solid #31322d;border-radius:4px;color:#31322d;font-size:1.5em;font-weight:bolder;height:35px;margin-left:.5em;width:110px}.LogOutButton button:hover{background-color:#ccbca0;margin-left:10px;transition:all .5s}input{border:2px solid #31322d}img{filter:invert(1)}@media (max-width:1600px){.LeaveRoomHeaderTab{height:51.5px}}@media (max-width:1460px){.RoomCreationPopUpHeader button{margin-left:350px}.PrivateRoomPopUpHeader button{margin-left:300px}.settingsusermail h2{font-size:1.3em;word-break:break-all}}@media (max-width:1300px){.RoomCreationPopUpHeader button{margin-left:250px}}@media (max-width:1200px){.LeaveRoomHeaderTab h1,.RoomsTabHeader h1{font-size:1.8em;transition:all .5s ease}.RoomListInsideDivName h2{font-size:1.4em;transition:all .5s ease}.settingsusermail h2{font-size:1.1em;word-break:break-all}}@media (max-width:1145px){.SideTab{gap:87%;transition:all .5s ease}.SideTab button{height:30px;transition:all .5s ease;width:30px}.DeleteRoomBtn{width:120px}.PrivateRoomPopUpHeader button{margin-left:250px}.RoomCreationPopUp{height:50%}.RoomCreationPopUpInput,.RoomCreationPopUpPasswordInput{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media (max-width:950px){.LeaveRoomHeaderTab h1,.RoomsTabHeader h1{font-size:1.4em;transition:all .5s ease}.RoomCreationPopUpHeader h2{font-size:.9em}.PrivateRoomPopUpHeader button,.RoomCreationPopUpHeader button{margin-left:200px}.PrivateRoomPopUpHeader h2{font-size:.7em}.ChatTabHeader h1{font-size:1.8em}.ChatTabHeader p{font-size:1.2em}.RoomListInsideDivName h2{font-size:1em;font-weight:bolder;transition:all .5s ease}.RoomsTabHeaderSettings h1{font-size:1.8em;transition:all .5s ease}.settingsusername h2{font-size:1.3em}}@media (max-width:845px){.SideTab{gap:88.5%;transition:all .5s ease}.SideTab button{height:20px;transition:all .5s ease;width:20px}.SideTab button img{transition:all .5s ease;width:25px}.DeleteRoomBtn{width:100px}}@media (max-width:740px){.LeaveRoomHeaderTab h1,.RoomsTabHeader h1{font-size:1em;transition:all .5s ease}.RoomsTabHeader button{height:20px;transition:all .5s ease;width:20px}.DeleteRoomBtn{width:90px}.RoomsTabHeader button img{transition:all .5s ease;width:20px}.LeaveRoomHeaderTab{height:57px}.ChatTabHeader h1{font-size:1.3em}.ChatTabHeader p{font-size:1em}}@media (max-width:790px){.RoomCreationPopUpHeader h2{font-size:.7em}.RoomCreationPopUpHeader button{margin-left:150px}.TextMSG p{font-size:.8em}.PrivateRoomPopUpHeader button{margin-left:165px}.PrivateRoomPopUpEnterPass input{width:170px}.PrivateRoomPopUpHeader h2{font-size:.6em}}@media (max-width:695px){.settingsusername h2{font-size:1em}.settingsusermail h2{font-size:1em;word-break:break-all}}@media (max-width:605px){.SideTab{gap:89.5%;transition:all .5s ease}.SideTab button{height:15px;transition:all .5s ease;width:15px}.SideTab button img{transition:all .5s ease;width:20px}}@media (max-width:650px){.RoomListInsideDivName h2{font-size:.8em;font-weight:bolder;transition:all .5s ease}.RoomListInsideDivIconDiv img{width:20px}.LeaveRoomButtonSideTab{font-size:.7em}.DeleteRoomBtn{width:80px}}
/*# sourceMappingURL=main.61894e99.css.map*/