body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0}html{font-size:62.5%}#logo{font-size:26px;height:100%;width:120px}.userImg{border-radius:50%;box-shadow:0 1px 5px 0 grey;height:52px;object-fit:cover;width:52px}.logout{display:none}.userImg2{border-radius:50%;box-shadow:0 1px 5px 0 grey;height:40px;object-fit:cover;width:40px}.user{font-size:18px}.user,.user span{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.user span{letter-spacing:1px}.bar{border:2px solid #dcdcdc;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;margin:4px;width:300px}Link{text-decoration:none}.bar1{align-items:center;border:1px solid #dcdcdc;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;margin:4px;width:98%}.bar:hover{box-shadow:1px 1px 3px 1px #dcdcdc}.bar:focus-within{box-shadow:1px 1px 8px 1px #dcdcdc;outline:none}.searchbar{border:none;border-radius:10px;font-size:14px;height:35px;margin-top:0;outline:none;padding:0 16px;width:100%}.voice{height:20px;left:10px;position:relative;top:5px}.ContactComponent{background-color:#fff;border-radius:20px;cursor:pointer;margin:4px 8px;transition:.3s}.ContactComponentS2{padding:9PX}.ContactComponent2{background-color:#efefef;border-radius:20px;cursor:pointer;margin:0 5px;transition:.3s}.App{background:#f3f3f3;color:var(--black);overflow:hidden;padding:1rem}.blur{border-radius:50%;-webkit-filter:blur(102px);filter:blur(102px);height:14rem;position:absolute;width:22rem}.blur,.span2{background:linear-gradient(#1845ad,#23a2f6)}.span2{-webkit-text-fill-color:transparent;-webkit-background-clip:text;border-radius:30px}.ContactComponent:hover,ContactComponent2{background-color:#efefef}.search{padding:5px}.messagecontainer{background-color:#eee;border-radius:20px;box-shadow:inset 0 0 10px hsla(0,0%,50%,.5);height:90vh}.messagecontainer,.messagecontainer2{color:#303030;display:flex;flex-direction:column;overflow-y:auto;padding:16px;width:100%}.messagecontainer2{height:100vh;place-items:self-end}.msg,.msg2{background:red;display:flex;max-width:40%}.msg2{justify-content:flex-end}.messagebox{max-width:50%}.messagebox,.messagebox h2{display:flex;margin:10px 0;padding:10px}.messagebox h2{background-color:#fff;max-width:70%}.messagebox2{max-width:50%;place-self:flex-end;position:relative}.messagebox2,.messagebox2 h2{display:flex;margin:10px 0;padding:10px}.messagebox2 h2{background-color:green}.backarrow{display:none}@media only screen and (max-width:900px){.ContactComponent{box-shadow:0 4px 8px rgba(0,0,0,.2)}.bar1{font-size:19px;padding:10px 0}.searchbar{font-size:18px}.lay{background:#eeee;display:block;left:0;position:absolute}.chatwidth,.lay{width:100%}.App{padding:1rem 0}.backarrow{display:block;text-decoration:none}.thumbnail{display:none}.bar{border:2px solid #ccc;margin:4px;padding:5px 0;width:99%}.messagecontainer{margin:0 11px;width:94%}#logo{font-size:26px;height:100%;width:38%}.logout{display:block}}:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#080710}.background{height:520px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:430px}.background .shape{border-radius:50%;height:200px;position:absolute;width:200px}.shape:first-child{background:linear-gradient(#1845ad,#23a2f6);left:-80px;top:-80px}.shape:last-child{background:linear-gradient(90deg,#ff512f,#f09819);bottom:-80px;right:-30px}form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.13);border:2px solid hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 0 40px rgba(8,7,16,.6);height:520px;left:50%;padding:18px 35px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}form *{border:none;color:#fff;font-family:Poppins,sans-serif;letter-spacing:.5px;outline:none}form h3{font-size:32px;line-height:32px;text-align:center}form h3,label{font-weight:500}label{font-size:16px;margin-top:15px}input,label{display:block}input{background-color:hsla(0,0%,100%,.07);border-radius:3px;font-weight:300;height:50px;margin-top:18px;padding:0 10px;width:100%}::-webkit-input-placeholder{color:gray;opacity:.5}::placeholder{color:gray;opacity:.5}button{background-color:#fff;border-radius:5px;color:#080710;font-size:18px;font-weight:600;margin-top:30px;padding:15px 0;width:100%}.social div{background:red;background-color:hsla(0,0%,100%,.27);border-radius:3px;color:#eaf0fb;padding:5px 10px 10px 5px;text-align:center;width:150px}.social div:hover{background-color:hsla(0,0%,100%,.47)}.social .fb{margin-left:25px}.social i{margin-right:4px}.uplaod-img{direction:col;flex-direction:column;margin-top:8%}.input,.uplaod-img{align-items:center;display:flex}.input{background-color:#fff;justify-content:space-between;padding:10px}.send{align-items:center;display:flex;gap:10px}.imgsend{border-radius:0;height:95%;object-fit:cover;width:90%}button{background:linear-gradient(90deg,#f04b19,#ff512f);border:none;color:#fff;cursor:pointer;padding:10px 15px}span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#da9938,#ff512f);-webkit-background-clip:text;border-radius:30px}.login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.13);border:2px solid hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 0 40px rgba(8,7,16,.6);height:520px;left:50%;padding:38px 35px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}@media only screen and (max-width:500px){.login,form{height:500px;left:52%;position:absolute;top:50%;width:350px}.shape:first-child{background:linear-gradient(#1845ad,#23a2f6);left:42%;top:-80px}.shape:last-child{background:linear-gradient(90deg,#ff512f,#f09819);bottom:-80px;right:40%}}.messages{background-color:#ddddf7;height:calc(100% - 160px);overflow:scroll;padding:10px}.message{color:red;gap:20px;margin-bottom:20px}.message,.messageInfo{align-items:center;display:flex}.messageInfo{color:gray;flex-direction:column;font-weight:300}img{border-radius:50%;height:55px;object-fit:cover;width:55px}.messageContent{display:flex;flex-direction:column;gap:10px;max-width:55%}.sent{color:#fff;gap:5px;left:-7px;margin-left:4px;position:relative;top:-23px}.messagetext{background:linear-gradient(90deg,#ff512f,#f09819);border-radius:0 17px 17px 17px;box-shadow:2px 2px 3px #ff512f;color:#fff;font-size:16px;font-weight:700;padding:15px 20px}.owner{flex-direction:row-reverse}.messageContent{align-items:flex-end;gap:0}.ownertext{background:linear-gradient(#1845ad,#23a2f6);border-radius:17px 0 17px 17px;box-shadow:2px 2px 3px #1845ad;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:700;max-width:100%;padding-right:28px}.wrapper{background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRs_cVakgWLJvJMZjfRkeaMeQYAMjko-sbeMQ&usqp=CAU);background-repeat:no-repeat;background-size:100% 100%;border:2px solid #fff;border-radius:50%;height:60px;margin:20px auto;overflow:hidden;position:relative;width:60px}.myFile ::-webkit-file-upload-button{visibility:hidden}.myFile{bottom:0;box-sizing:border-box;color:transparent;cursor:pointer;outline:none;padding:15px 120px;position:absolute;transition:.5s;width:100%}
/*# sourceMappingURL=main.10399e38.css.map*/