body{font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}ul>li{list-style:none}input:focus{outline:none}main .login{border:.1rem solid #bdb5b5;border-radius:3px;padding:3rem 8rem}main .login .email-login>.sign-up{border-top:.1rem solid #bdb5b5;margin-top:1rem;padding-top:.5rem;text-align:center}main .login .email-login>.sign-up p{color:#5e6d55}main .login .email-login>.sign-up .btn-signUp{background-color:transparent;border:1px solid #05ac05;color:#05ac05;margin-top:.5rem}main .login .email-login>.sign-up .btn-signUp:hover{background-color:hsla(0,9%,89%,.416)}main .login .password-login{-webkit-animation:right-to-left .3s ease-out forwards;animation:right-to-left .3s ease-out forwards}main .login h6{font-size:25px;font-weight:600;text-align:center}main .login .input-field{border:.1rem solid #d6d4d4;border-radius:4px;display:flex;height:40px;margin-top:1.5rem;width:335px}main .login .input-field:focus-within,main .login .input-field:hover{border-color:#67b9c7}main .login .input-field .icon{color:#5e6d55;font-size:18px;margin:auto 10px}main .login .input-field .view-pw{cursor:pointer;font-size:20px;margin:auto 5px!important;padding:3px 5px 0}main .login .input-field .view-pw:hover{background-color:hsla(0,4%,64%,.243);border-radius:50%}main .login .input-field .input-box{border:none;font-size:16px;width:100%}main .login .error{align-items:center;color:#b92821;display:flex;font-size:14px;height:-webkit-max-content;height:max-content;justify-content:center;margin-top:1px}main .login .error span{font-size:17px;margin:2px 3px auto 0}main .login .btn{background-color:#05ac05;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:17px;margin:1.2rem 0;padding:14px 0;width:100%}main .login .btn:hover{background-color:green}@-webkit-keyframes right-to-left{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.5;-webkit-transform:translateX(50%);transform:translateX(50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes right-to-left{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.5;-webkit-transform:translateX(50%);transform:translateX(50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.messenger{display:flex;height:100vh}.messenger .chatMenu{background-color:teal;color:#fff;flex:2 1}.messenger .chatMenu .chatMenuWrapper{display:flex;flex-direction:column;justify-content:space-between}.messenger .chatMenu .chatMenuWrapper .chatMenuBottom{display:flex;justify-content:center}.messenger .chatMenu .chatMenuWrapper .chatMenuBottom .logoutBtn{background-color:#002d47;color:#fff;cursor:pointer;padding:10px;text-align:center;transition:.5s;width:100%}.messenger .chatMenu .chatMenuWrapper .chatMenuBottom .logoutBtn:hover{background-color:#fff;color:#000}.messenger .chatMenu .header{align-items:center;background-color:teal;border-right:1px solid #03a8a8;color:#fff;display:flex;height:8.7vh;justify-content:space-between;padding:0 15px}.messenger .chatMenu .header .currentUserImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.messenger .chatMenu .header .currentUser{align-items:center;display:flex}.messenger .chatMenu .header .currentUser span{font-weight:500}.messenger .chatMenu .searchUser{align-items:center;border-bottom:1px solid #00bebe;cursor:pointer;display:flex;margin-top:10px;padding:10px}.messenger .chatMenu .searchUser:hover{background-color:rgba(2,179,179,.25)}.messenger .chatMenu .searchUser .searchUserImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.messenger .chatMenu .searchUser .searchUserName{font-weight:500}.messenger .chatMenu .chatMenuInput{background-color:#003535;border:none;color:#fff;font-size:16px;height:50px;padding:10px;width:100%}.messenger .chatMenu .chatMenuInput::-webkit-input-placeholder{color:#fff}.messenger .chatMenu .chatMenuInput::placeholder{color:#fff}.messenger .chatBox{background-color:rgba(173,216,230,.336);flex:6.5 1}.messenger .chatBox .chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between}.messenger .chatBox .chatBoxWrapper .chatBoxTop{height:100%;overflow-y:auto;padding:20px}.messenger .chatBox .chatBoxWrapper .chatBoxBottom{align-items:center;border-top:1px solid gray;display:flex;justify-content:space-around;margin-top:5px;padding:25px 0}.messenger .chatBox .chatBoxWrapper .chatBoxBottom .chatMessageInput{border:1px solid #d3d3d3;font-size:15px;height:70px;outline:none;padding:10px;width:80%}.messenger .chatBox .chatBoxWrapper .chatBoxBottom .chatSubmitButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;width:70px}.messenger .chatOnline{flex:3 1}.messenger .chatBoxWrapper,.messenger .chatMenuWrapper,.messenger .chatOnlineWrapper{height:100%}.conversation>div{align-items:center;cursor:pointer;display:flex;margin-top:10px;padding:10px}.conversation>div:hover{background-color:rgba(2,179,179,.25)}.conversation>div .conversationImg{border-radius:50%;height:50px;margin-right:20px;object-fit:cover;width:50px}.conversation>div .coversationData{display:flex;flex-direction:column}.conversation>div .coversationData .conversationName{font-weight:500}@media screen and (max-width:800px){.conversation>div .coversationData .conversationName{font-size:90%}}.conversation>div .coversationData .lastMessage{font-size:14px;font-weight:300;opacity:.6}@media screen and (max-width:800px){.conversation>div .coversationData .lastMessage{font-size:85%}}.message{flex-direction:column;margin-top:20px;padding:0 10px}.message,.message .messageTop{display:flex}.message .messageTop .messageText{background-color:#18f2ce;border-radius:0 4px 4px 4px;color:#000;max-width:350px;padding:10px;position:relative}.message .messageTop .messageText:before{border-bottom:6px solid transparent;border-right:12px solid #18f2ce;border-top:6px solid transparent;content:"";height:0;left:-12px;position:absolute;top:0;width:0}.message .messageTop.reverse{flex-direction:row-reverse}.message .messageBottom{font-size:12px;margin:5px .5rem 0}.message.own{align-items:flex-end}.message.own .messageText{background-color:#e6d3bd;border-radius:4px 0 4px 4px;color:#000}.message.own .messageText:before{border-left:12px solid #e6d3bd;border-right:none;left:auto;right:-12px}.header{background-color:teal;color:#fff;height:12vh;justify-content:space-between;padding:0 15px}.header,.header .chatUser{align-items:center;display:flex}.header .chatUser .userImg{border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.header .chatUser span{font-size:20px;font-weight:500;letter-spacing:.5px}.header .settingIcon{border-radius:50%;cursor:pointer;font-size:25px;margin-top:5px}main{flex-direction:column;min-height:90vh}main,main .loadingIcon{align-items:center;display:flex;justify-content:center}main .loadingIcon{-webkit-animation:moveCircular 1.2s infinite;animation:moveCircular 1.2s infinite;color:#fff;font-size:35px}@-webkit-keyframes moveCircular{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes moveCircular{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}main .signup{border:.1rem solid #bdb5b5;border-radius:3px;padding:4rem 8rem}main .signup h6{font-size:25px;font-weight:600;margin-bottom:1.5rem;text-align:center}main .signup .inputField{border:.1rem solid #d6d4d4;border-radius:4px;display:flex;height:40px;margin-top:.8rem;position:relative;width:450px}main .signup .inputField .inputLabel{background:#fff;color:gray;cursor:text;font-size:17px;left:10px;padding:0 4px;position:absolute;top:6px;transition:all .2s}main .signup .inputField .inputBox{border:none;font-size:16px;padding:0 1rem;width:100%}main .signup .inputField .inputBox:not(:placeholder-shown)~.inputLabel{color:#67b9c7;font-size:15px;top:-14px}main .signup .inputField:focus-within,main .signup .inputField:hover{border-color:#67b9c7}main .signup .inputField:focus-within .inputLabel{color:red;font-size:15px;top:-14px}main .signup .inputField .viewPw{color:#5e6d55;cursor:pointer;font-size:18px;font-size:20px;margin:auto 10px;margin:auto 5px!important;padding:3px 5px 0}main .signup .inputField .viewPw:hover{background-color:hsla(0,4%,64%,.243);border-radius:50%}main .signup .uploadFile{margin:1rem 0 0}main .signup .uploadFile input{display:none}main .signup .uploadFile .btn{align-items:center;background-color:#fff;border:.0625rem solid #e0e0e0;border-radius:0;color:#3c4043;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding-block:5px;transition:.2s}main .signup .uploadFile .btn:hover{background-color:hsla(0,3%,64%,.118)}main .signup .uploadFile .btn span{font-size:18px;margin-right:5px;margin-top:4px}main .signup .disclaimer{color:#2b3958;font-size:15px;font-weight:500;letter-spacing:.2px;margin-top:.8rem;padding:0 2px;text-align:center;width:445px}main .signup .disclaimer span{font-size:13px}main .signup .error{align-items:center;color:#b92821;display:flex;font-size:17px;justify-content:center}main .signup .error span{font-size:18px;margin:2px 3px 0 0}main .signup .logIn{border-top:.1rem solid #bdb5b5;color:#636b6a;margin-top:1rem;padding-top:1rem;text-align:center}main .signup .logIn a{color:#05ac05;font-weight:500}main .signup .logIn a:hover{text-decoration:underline}main .btn{background-color:#05ac05;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:17px;margin:1.2rem 0;padding:14px 0;width:100%}main .btn:hover{background-color:green}
/*# sourceMappingURL=main.8ed6dde0.css.map*/