.formContainer{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{color:#5d5b8d;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#5d5b8d;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #a7bcff;padding:15px;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#afafaf}.formContainer .formWrapper form input:-ms-input-placeholder{color:#afafaf}.formContainer .formWrapper form input::placeholder{color:#afafaf}.formContainer .formWrapper form button{background-color:#7b96ec;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}.formContainer .formWrapper form label{align-items:center;color:#8da4f1;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.home{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;width:100vw}.home .container{border:1px solid #fff;border-radius:10px;display:flex;height:100%;margin:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden;width:100%}@media screen and (max-width:768px){.home .container{width:90%}}.home .container .sidebar{background-color:#201e31;flex:1 1;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:#201e31;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.home .container .sidebar .navbar .user img{background-color:#201e31;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user button{background-color:#5d5b8d;border:none;color:#ddddf7;cursor:pointer;font-size:10px}@media screen and (max-width:768px){.home .container .sidebar .navbar .user button{bottom:10px;position:absolute}}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{padding:10px}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;outline:none}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3}.home .container .sidebar .search .searchForm input:-ms-input-placeholder{color:#d3d3d3}.home .container .sidebar .search .searchForm input::placeholder{color:#d3d3d3}.home .container .sidebar .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#2f2d52}.home .container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px}.home .container .chat{flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:#201e31;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .chatIcons{display:flex;gap:10px}.home .container .chat .chatIcons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 160px);overflow:scroll;padding:10px}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}.home .container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column;font-weight:300}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .container .chat .messages .message .messageContent img{width:50%}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end}.home .container .chat .messages .message.owner .messageContent p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{border:none;color:#2f2d52;font-size:18px;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat .input input:-ms-input-placeholder{color:#d3d3d3}.home .container .chat .input input::placeholder{color:#d3d3d3}.home .container .chat .input .send{align-items:center;display:flex;gap:10px}.home .container .chat .input .send img{cursor:pointer;height:24px}.home .container .chat .input .send button{background-color:#8da4f1;border:none;color:#fff;cursor:pointer;padding:10px 15px}.main{width:100%}header{align-items:center;background-color:#000;display:flex;height:20px;justify-content:flex-end;padding:30px 10%}.logo{margin-right:auto}.heading{color:#fff;font-size:1.8rem}.nav__links{display:flex;list-style:none}.cta,.nav__links a,.overlay__content a{color:#edf0f1;font-family:Montserrat,sans-serif;font-weight:500;text-decoration:none}.nav__links li{padding:0 20px}.nav__links li a{transition:all .3s ease 0s}.nav__links li a:hover{color:#0088a9}.sideComp{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.link-web{margin-left:50px}.github{height:35px;width:35px}.menu{display:none}.cta{background-color:#0088a9;border:none;border-radius:50px;cursor:pointer;margin-left:20px;padding:9px 25px;transition:all .3s ease 0s}.cta:hover{background-color:rgba(0,136,169,.8)}.overlay{background-color:#24252a;height:100%;left:0;overflow-x:hidden;position:fixed;top:0;transition:all .5s ease 0s;width:0;z-index:1}.overlay a{display:block;font-size:36px;padding:15px;transition:all .3s ease 0s}.overlay a:focus,.overlay a:hover{color:#0088a9}.overlay .close{color:#edf0f1;cursor:pointer;font-size:60px;position:absolute;right:45px;top:20px}.overlay__content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.overlay--active{width:100%}@media screen and (max-height:450px){.overlay a{font-size:20px}.overlay .close{font-size:40px;right:35px;top:15px}}@media only screen and (max-width:800px){.cta,.nav__links{display:none}.menu{display:inline;display:initial}}.landCont{flex:1 1;flex-direction:column}.content,.landCont{display:flex;height:100%;width:100%}.content{align-items:center;background-color:#add8e6;flex-direction:row;justify-content:center}.inpBox{border:none;border-bottom:1px solid #a7bcff;margin-top:5px;padding:15px;width:250px}.inpBox:hover{border-bottom:2px}.loginCont{height:300px;margin-bottom:140px;margin-right:200px;margin-top:100px}.loginCont,.registerCont{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;width:350px}.registerCont{height:400px}.emailLogin,.emailReg{display:flex;flex-direction:column}.titleLog{margin-bottom:30px}.titleLog,.titleReg{align-items:center;color:#5d5b8d;display:flex;font-size:24px;font-weight:700;justify-content:center;width:100%}.titleReg{margin-bottom:10px}.signInBtn,.signUpBtn{background-color:#7b96ec;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px}.avatarImg{height:30px;margin-right:20px;width:30px}.avatarImgTxt{font-size:small;margin-right:20px}.addAvatarCont{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:10px}
/*# sourceMappingURL=main.0a943f4e.css.map*/