body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.formContainer{align-items:center;background:linear-gradient(90deg,#270050,#000);background-color:#141d3a;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background:linear-gradient(90deg,#000,#270050);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{height:30px;width:30px}.formContainer .formWrapper .logo-title{color:#fff;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#d0d0e1;font-size:20px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{background:transparent;border:none;border-bottom:1px solid #a7bcff;color:#e3caca;padding:15px;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#d8c5c5}.formContainer .formWrapper form input::placeholder{color:#d8c5c5}.formContainer .formWrapper form button{background-color:#151f3f;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 p{color:#e4e4f0;font-size:12px;margin-top:10px}.Home{align-items:center;background:linear-gradient(90deg,#270050,#000);display:flex;height:100vh;justify-content:center}.Home .Container{border-radius:10px;display:flex;height:95%;overflow:hidden;width:97%}@media screen and (max-width:768px){.Home .Container{width:95%}}.Home .Container .sidebar{background-color:#111b21;border-right:1px solid #1f1f21;flex:1 1;position:relative}.Home .Container .sidebar .navbar{align-items:center;background-color:#202c33;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.Home .Container .sidebar .logo-title{font-weight:bolder}@media screen and (max-width:768px){.Home .Container .sidebar .logo-title{display:none}}.Home .Container .sidebar .user{display:flex;gap:10px}.Home .Container .sidebar img{border-radius:50%;height:35px;object-fit:cover;width:35px}@media screen and (max-width:768px){.Home .Container .sidebar .name{bottom:30px;left:15px;position:absolute}}.Home .Container .sidebar button{background-color:#5d5d8d;border:none;color:#ddddf7;cursor:pointer;font-size:10px}@media screen and (max-width:768px){.Home .Container .sidebar button{bottom:25px;padding:10px;position:absolute;right:10px}}.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::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:#2a3942}.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;font-weight:200;margin-top:3px}.Home .Container .chat{flex:3 1}.Home .Container .chat .chatInfo{align-items:center;background-color:#202c33;color:#d3d3d3;display:flex;gap:10px;height:60px;justify-content:flex-start;padding:5px}.Home .Container .chat .chatInfo img{border-radius:50%;height:35px;margin-left:10px;margin-top:5px;width:35px}.Home .Container .chat .messages{background-color:#0b141a;height:calc(100% - 160px);overflow-y: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:#202c33;border-radius:0 10px 10px 10px;color:#fff;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:#005c4b;border-radius:10px 0 10px 10px;color:#fff}.Home .Container .chat .input{align-items:center;background-color:#202c33;display:flex;height:50px;justify-content:space-between;padding:10px}.Home .Container .chat .input input{background-color:#2a3942;border:none;border-radius:8px;color:#fff;font-size:17px;outline:none;padding:10px;width:100%}.Home .Container .chat .input input::-webkit-input-placeholder{color:#8696a0}.Home .Container .chat .input input::placeholder{color:#8696a0}.Home .Container .chat .input .send{align-items:center;display:flex;gap:7px}.Home .Container .chat .input .send img{cursor:pointer;height:24px}@media screen and (max-width:480px){.Home .Container .chat .input .send img{cursor:pointer;height:24px;margin-left:2px}}.Home .Container .chat .input .send button{background-color:#2a3942;border:none;color:#fff;cursor:pointer;padding:10px 15px}@media screen and (max-width:480px){.Home .Container .chat .input .send button{padding:10px 7px}}
/*# sourceMappingURL=main.1ab3d962.css.map*/