body{margin:0;padding:0}.login-main-div{background-color:#16201d;height:100vh;display:flex;align-items:center;flex-direction:column}.login-text{color:#fff;font-family:Courier New,Courier,monospace;font-size:4rem;font-weight:600;margin-top:25vh}.email-input{border:1px solid #8c8c8c;outline:none;width:20vw;height:5vh;color:#16201d;font-size:1.1rem;font-weight:600;padding:0 .7vw;margin-top:10vh;border-radius:1rem;font-family:Courier New,Courier,monospace}.pass-input{border:1px solid #8c8c8c;outline:none;width:20vw;height:5vh;color:#16201d;font-size:1.1rem;font-weight:600;padding:0 .7vw;margin-top:3vh;border-radius:1rem;font-family:Courier New,Courier,monospace}.pass-input::placeholder{color:#8c8c8c}.email-input::placeholder{color:#8c8c8c}.login-btn{margin-top:3vh;height:5vh;width:10vw;border-radius:1rem;border:none;outline:none;background-color:#45a5a4;color:#fff;font-size:1.1rem;font-family:Courier New,Courier,monospace;font-weight:600;cursor:pointer}.login-btn:active{opacity:.8}.errormsg{color:#c92121;font-family:Courier New,Courier,monospace;font-size:14px;margin-top:1vh;font-weight:500}.form-container{display:flex;flex-direction:column;align-items:center}.rg-lg-text{margin-top:3vh;color:#2cdcfb;text-decoration:underline;font-size:.8rem;font-family:Courier New,Courier,monospace;cursor:pointer}@media (max-width: 768px){.login-text{font-size:1.7rem;font-weight:700}.login-btn{width:60vw}.email-input,.pass-input{width:80vw}}.rai-dots .rai-circle{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:dots-pulse;animation-name:dots-pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:currentColor;border-radius:100%;display:inline-block;height:.5em;margin-right:.1875em;width:.5em}.rai-dots .rai-circle:last-child{margin-right:0}@-webkit-keyframes bounce-pulse{0%{transform:translateY(.1875em)}30%{transform:translateY(-.25em)}50%{transform:translateY(.1875em)}}@keyframes bounce-pulse{0%{transform:translateY(.1875em)}30%{transform:translateY(-.25em)}50%{transform:translateY(.1875em)}}.rai-bounce{display:inline-block;line-height:0}.rai-bounce>div{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:bounce-pulse;animation-name:bounce-pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:currentColor;border-radius:100%;display:inline-block;height:.5em;margin-right:.1875em;transform:translateY(.1875em);width:.5em}.rai-bounce>div:last-child{margin-right:0}@-webkit-keyframes levels-pulse{0%{height:30%;opacity:.5}20%{height:100%;opacity:1}35%{height:30%;opacity:.5}55%{height:100%;opacity:1}70%{height:50%;opacity:.5}80%{height:100%;opacity:1}to{height:30%;opacity:.5}}@keyframes levels-pulse{0%{height:30%;opacity:.5}20%{height:100%;opacity:1}35%{height:30%;opacity:.5}55%{height:100%;opacity:1}70%{height:50%;opacity:.5}80%{height:100%;opacity:1}to{height:30%;opacity:.5}}.rai-levels .rai-levels-container{height:1em;line-height:1em;text-align:left}.rai-levels .rai-bar,.rai-levels .rai-levels-container{-webkit-animation-duration:inherit;animation-duration:inherit;display:inline-block}.rai-levels .rai-bar{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:levels-pulse;animation-name:levels-pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:currentColor;bottom:0;height:50%;margin-right:.125em;vertical-align:bottom;width:.25em}.rai-levels .rai-bar:last-child{margin-right:0}@-webkit-keyframes rai-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rai-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.rai-spinner{height:1.5em;position:relative;width:1.5em}.rai-spinner .rai-spinner-inner,.rai-spinner .rai-spinner-outer{border-radius:100%;height:100%;left:0;margin-left:-.0625em;margin-top:-.0625em;position:absolute;top:0;width:100%}.rai-spinner .rai-spinner-outer{border:.125em solid;opacity:.2}.rai-spinner .rai-spinner-inner{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rai-spinner;animation-name:rai-spinner;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-bottom:.125em solid transparent!important;border-left:.125em solid transparent!important;border-radius:100%;border-right:.125em solid transparent!important;border-top:.125em solid;height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes dots-pulse{0%{opacity:.1}15%{opacity:1}to{opacity:.1}}@keyframes dots-pulse{0%{opacity:.1}15%{opacity:1}to{opacity:.1}}.rai-squares .rai-square{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:dots-pulse;animation-name:dots-pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:currentColor;display:inline-block;height:.5em;margin-right:.1875em;width:.5em}.rai-squares .rai-square:last-child{margin-right:0}@-webkit-keyframes digital-pulse{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes digital-pulse{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.rai-digital{height:1em;text-align:center}.rai-digital>div{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:digital-pulse;animation-name:digital-pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:currentColor;display:inline-block;height:100%;margin-right:.125em;width:.25em}.rai-digital>div:last-child{margin-right:0}@-webkit-keyframes windmill-pulse{0%{transform:rotate(0)}to{transform:rotate(356deg)}}@keyframes windmill-pulse{0%{transform:rotate(0)}to{transform:rotate(356deg)}}.rai-windmill{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:windmill-pulse;animation-name:windmill-pulse;-webkit-animation-timing-function:linear;animation-timing-function:linear;height:1em;position:relative;width:1em}.rai-windmill:after{background:currentColor;border-radius:.125em;content:"";height:100%;left:50%;margin-left:-.0625em;position:absolute;top:0;width:.125em}.homePageContainer{display:flex;height:100vh;background-color:#16201d}.homePageCoversationDiv{width:30vw;display:flex;flex-direction:column;border-right:3px solid #8c8c8c;overflow:auto}.homePageNameDiv{display:flex;align-items:center;padding:10px;gap:3vw}.imageHome{border-radius:50%;border:1px solid #8c8c8c;background-color:#fff}.homeNameText{color:#fff;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:600;line-height:2.5rem}.homeDetailText{color:#8c8c8c;font-family:Courier New,Courier,monospace;font-size:.8rem;font-weight:600}.homeConversationMsgText{color:#ff9d1c;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:400;margin-top:5vh;margin-left:2vw}.border{border:.8px solid #8c8c8c;margin-top:10px}.homeConversationList{padding:10px;margin-top:2vh}.homeConversationItem{display:flex;align-items:center;gap:3vw;border-radius:1rem;cursor:pointer}.homeChatUser{display:flex;align-items:center;gap:5vw;background-color:#fff;width:100%;padding:2.2vh 0}.homeChatConatainer{width:70vw}.homeChatNameText{color:#121111;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:600;line-height:2.5rem}.conversationSelected{color:#fff;align-self:center;width:70vw;text-align:center;font-size:2.2rem;font-weight:600;font-family:Courier New,Courier,monospace}.homeChatMessages{height:70vh;overflow-y:auto}.homeChatMessageRight{background-color:silver;padding:10px;max-width:40%;color:#121111;border-radius:10px 10px 0;font-family:Courier New,Courier,monospace;font-size:1.1rem;margin:10px 10px 10px auto}.homeChatMessageLeft{background-color:#253392;padding:10px;margin:10px;max-width:40%;color:#fff;border-radius:10px 10px 10px 0;font-family:Courier New,Courier,monospace;font-size:1.1rem}.homeChatInput{display:flex;align-items:center;gap:2vw;padding:10px;background-color:#8f8888;border-radius:1rem;margin:10px}.homeChatInputText{width:70vw;height:5vh;border:1px solid #8c8c8c;outline:none;border-radius:1rem;font-family:Courier New,Courier,monospace;font-size:1.1rem;margin:10px;align-self:center}.homeNewChat{color:#fff;margin:10px;position:absolute;right:70vw;bottom:0;height:50px;width:50px;background-color:#ff9d1c;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:2.5rem;font-weight:600;font-family:Courier New,Courier,monospace;cursor:pointer}::-webkit-scrollbar{display:none}@media screen and (max-width: 486px){.homePageContainer{flex-direction:column}.homePageCoversationDiv{width:100vw;border-right:none}.homeChatConatainer{width:100vw}.homeChatUser{gap:2vw}.homeChatNameText{font-size:1.2rem}.homeChatMessageRight,.homeChatMessageLeft{max-width:60%}.homeChatInputText{width:73vw}.homeChatMessages{height:77.6vh}.homeNewChat{right:0;bottom:0}.homeChatInput{padding:0}}.sentryDiv{top:0;left:0;width:100%;height:100%;background-color:#ffffff80;z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:20px;font-weight:700;color:#000;text-align:center;padding:20px;box-sizing:border-box;font-family:Roboto,sans-serif}@-webkit-keyframes rai-sentry-pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes rai-sentry-pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.rai-sentry{display:inline-block;height:2em;position:relative;text-align:left;width:2em}.rai-sentry .rai-wave-container{align-items:center;display:inline-flex;justify-content:center;position:absolute}.rai-sentry .rai-wave,.rai-sentry .rai-wave-container{-webkit-animation-duration:inherit;animation-duration:inherit;height:100%;width:100%}.rai-sentry .rai-wave{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rai-sentry-pulse;animation-name:rai-sentry-pulse;-webkit-animation-timing-function:linear;animation-timing-function:linear;border:.125em solid;border-radius:100%;box-sizing:border-box;display:inline-block}