@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);.initial_screen{background-color:#000;gap:0;height:100%;padding:none;position:absolute;top:0;width:100%}.initial_screen,.initial_screen>div{align-items:center;display:flex;flex-direction:column;justify-content:center}.initial_screen>div{gap:1rem}.initial_screen>div>img{height:250px;padding:none;width:250px}.initial_screen>div>h1{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#fff,#656565);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.initial_screen>div>p{color:gray;font-size:.7rem}.navbar{align-items:center;background-color:#333;display:flex;flex-direction:row;gap:none;height:7%;justify-content:space-between;padding:none;width:100%}.navbar>h1{background:-webkit-linear-gradient(#f9f8f8,#505050);-webkit-background-clip:text;background-clip:text;font-size:none;font-weight:700;margin-left:.5rem}.navbar>h1,.navbar>h1:hover{-webkit-text-fill-color:#0000}.navbar>h1:hover{background:-webkit-linear-gradient(#4158d0,#c850c0 46%,#ffcc70);-webkit-background-clip:text;background-clip:text}.navbar>h1>a{font-size:2rem}.navbar>ul{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:none;padding-right:.5rem}.navbar>ul>button{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;border-radius:5px;color:#fff;font-size:.8rem;font-weight:400;outline:none;padding:.5rem;transition:.5s}.navbar>ul>button:hover{background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);color:none}.navbar>ul>a>svg{color:gold;font-size:1.2rem;position:relative}.noti{background-color:red;border-radius:50%;height:8px;padding:none;position:absolute;right:10px;top:15px;width:8px}.form-container{align-items:center;display:flex;flex-direction:row;gap:none;height:93%;justify-content:center;padding:none;width:100%}.form-container>form{align-items:none;display:flex;flex-direction:column;gap:1rem;height:auto;justify-content:none;padding:2rem 1rem;width:40%}.form-container>form>h1{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#fff,#656565);-webkit-background-clip:text;background-clip:text;font-size:none;font-weight:none}.form-container>form>div>input{background-color:#333;border:none;border-radius:5px;color:#fff;font-size:.8rem;height:auto;outline:none;padding:1rem .5rem;width:95%}#error-message{color:red}.submit-button{text-align:center}.submit-button>button{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;border-radius:5px;color:#fff;font-size:.8rem;font-weight:500;outline:none;padding:.8rem 1.3rem;transition:.5s}.submit-button>button:hover{background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);color:#fff}.Starting-page{align-items:center;display:flex;flex-direction:row;gap:none;height:92%;justify-content:center;overflow-y:none;padding:none;width:100%}.Starting-page ::-webkit-scrollbar{display:none}.Starting-page>.container{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center}.Starting-page>.container>div{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:none}.Starting-page>.container>div>.logo{animation:Rotation 10s linear infinite;width:200px}.Starting-page>.container>div>h1{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#fff,#656565);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.Starting-page>.container>div>button{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;border-radius:5px;color:#fff;outline:none;padding:.5rem;transition:.5s}.Starting-page>.container>div>button:hover{background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);color:none}.home{grid-gap:.3rem;background-color:#333;color:#fff;display:grid;gap:.3rem;grid-template-columns:1fr 3fr;height:93%;padding:none;width:100%}.home ::-webkit-scrollbar{display:none}.home>.users-container{background-color:#000;height:100%;overflow-y:auto;padding:none;text-align:center;width:100%}.home>.users-container .add-user{align-items:center;display:flex;flex-direction:row;gap:column;height:90%;justify-content:center;padding:none;width:95%}.home>.users-container .add-user>div{text-align:center}.home>.users-container .add-user>div>svg{font-size:100px}.home>.users-container .add-user>div>h2{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#f9f8f8,#505050);-webkit-background-clip:text;background-clip:text;font-size:none;font-weight:none;margin:1rem 0}.home>.users-container>.user{align-items:none;display:flex;flex-direction:column;gap:0;height:auto;justify-content:none;padding:none;width:100%}.home>.users-container>.user .user-container{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:none;overflow-y:auto;padding:1rem .5rem;transition:.5s}.home>.users-container>.user .user-container:hover{transform:scale(1.01)}.home>.users-container>.user .user-container>.user-details{align-items:center;display:flex;flex-direction:row;gap:.5rem;height:50px;justify-content:none;padding:none;width:50px}.home>.users-container>.user .user-container>.user-details>.loading{background-color:#333;border-radius:50%;height:100%;padding:none;width:100%}.home>.users-container>.user .user-container>.user-details>img{border-radius:50%;height:100%;object-fit:cover;padding:none;width:100%}.home>.users-container>.user .user-container>.user-name>h4{font-weight:700}.home>.users-container>.user .user-container>.user-name>p{margin-bottom:.5rem;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;width:14em}.home>.users-container>.user .user-container>.user-status{align-items:flex-start;display:flex;flex-direction:column;gap:.2rem;justify-content:none}.home>.users-container>.user .user-container>.user-status>h4{text-transform:capitalize}.home>.users-container>.user .user-container>.user-status>p{text-align:left}.home>.users-container .selected-user{background-color:#3b3b3b}.home>.users-container>button{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;border-radius:5px;color:#fff;font-size:.7rem;font-weight:500;margin:.3rem 0;outline:none;padding:.5rem;transition:.5s}.home>.users-container>button:hover{background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);color:none}.home>.message-body{background-color:#000;height:100%;padding:none;width:100%}.home>.message-body>.message-user{align-items:center;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);display:flex;flex-direction:row;gap:none;height:8%;justify-content:none;padding:none;width:100%}.home>.message-body>.message-user>svg{display:none}.home>.message-body>.message-user>a{height:50px;padding:none .5rem none 1rem;width:50px}.home>.message-body>.message-user>a>img{border-radius:50%;height:50px;object-fit:cover;padding:none;width:50px}.home>.message-body>.messages{height:77vh;overflow-y:scroll;padding:none;width:100%}.home>.message-body>.messages ::-webkit-scrollbar{display:none}.home>.message-body>.messages>.message-wrapper{margin-top:10px;padding:0 5px}.home>.message-body>.messages>.message-wrapper>div{border-radius:5px;color:#fff;display:inline-block;max-width:50%;min-width:4em;padding:.4rem;text-align:center}.home>.message-body>.messages>.message-wrapper>div>.loading{height:300px;padding:none;width:300px}.home>.message-body>.messages>.message-wrapper>div>img{border-radius:5px;height:100%;object-fit:cover;padding:none;width:100%}.home>.message-body>.messages>.message-wrapper>div>div{align-items:left;display:flex;flex-direction:column;gap:0;justify-content:none}.home>.message-body>.messages>.message-wrapper>div>div>p{margin-right:.8rem;text-align:left}.home>.message-body>.messages>.message-wrapper>div>div>time{font-size:.7rem;text-align:right}.home>.message-body>.message-form{align-items:center;display:flex;flex-direction:row;gap:1rem;height:7%;justify-content:center;padding:.5rem 0;width:100%}.home>.message-body>.message-form>label{display:flex}.home>.message-body>.message-form>label>svg{font-size:1.3rem;padding:.5rem .3rem}.home>.message-body>.message-form>label>svg:hover{color:blue}.home>.message-body>.message-form>.input-box{height:50%;padding:none;width:50%}.home>.message-body>.message-form>.input-box>input{border:none;border-radius:5px;font-size:.8rem;height:auto;outline:none;padding:.6rem .2rem;width:100%}.home>.message-body>.message-form>.button{height:50%}.home>.message-body>.message-form>.button>button{background-color:blue;border:none;border-radius:5px;color:#fff;outline:none;padding:.5rem}.mine{text-align:right}.myself{background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70)}.myself,.other{background-color:#4158d0}.other{background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70)}.animation{align-items:center;background-color:#000;display:flex;flex-direction:column;gap:0;height:100%;justify-content:center;padding:none;width:100%}.animation>img{height:300px;padding:none;width:300px}.animation>img:hover{animation:Rotation 10s linear infinite}.animation:hover>h1{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#4158d0,#c850c0 46%,#ffcc70);-webkit-background-clip:text;background-clip:text}@keyframes Rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.seletedImg{border:3px solid #adff2f;border-radius:50%;display:block;height:30px;padding:none;width:30px}.unseletedImg{display:none}.unread{color:#fff;height:23px;padding:none;width:100%}.read,.unread{overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap}.read{color:gray;width:15em}.loading{align-items:center;display:flex;flex-direction:row;gap:none;height:93%;justify-content:center;padding:none;width:100%}.loading>h1{color:#fff}.loading>div{animation:spinner 2s linear infinite;border:5px solid #333;border-radius:50%;border-top-color:#fff;height:20%;padding:none;width:20%}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.friend-list{align-items:none;display:flex;flex-direction:column;gap:.3rem;height:93%;justify-content:none;padding:none;width:100%}.friend-list>.friend-requests{gap:none;height:10%;padding:none;width:100%}.friend-list>.friend-requests,.friend-list>.friend-requests>.user-details{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.friend-list>.friend-requests>.user-details{gap:1rem;padding:0 .3rem}.friend-list>.friend-requests>.user-details>img{border-radius:50%;height:50px;padding:none;width:50px}.friend-list>.friend-requests>.btn{padding:0 .5rem}.friend-list>.friend-requests>.btn>button{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;border-radius:5px;color:#fff;font-size:.8rem;font-weight:500;margin:0 .3rem;outline:none;padding:.5rem 2rem;transition:.5s}.friend-list>.friend-requests>.btn>button:hover{background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);color:none}.request{grid-gap:.3rem;background-color:#333;color:#fff;display:grid;gap:.3rem;grid-template-columns:1fr 3fr;height:93%;padding:none;width:100%}.request ::-webkit-scrollbar{display:none}.profile-body{align-items:center;display:flex;flex-direction:row;gap:none;height:93%;justify-content:center;padding:none;width:100%}.profile-body>.profile-container{align-items:none;background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);border-radius:20px;display:flex;flex-direction:row;gap:1rem;justify-content:none;padding:2rem 1rem}.profile-body>.profile-container>.img-container{align-items:center;display:flex;flex-direction:column;gap:0;height:200px;justify-content:center;padding:none;position:relative;width:200px}.profile-body>.profile-container>.img-container>.loading{background-color:#000;border-radius:50%;height:100%;padding:none;width:100%}.profile-body>.profile-container>.img-container>img{border-radius:50%;height:100%;object-fit:cover;padding:none;width:100%}.profile-body>.profile-container>.img-container>input{height:100%;opacity:0;padding:none;position:absolute;width:100%}.profile-body>.profile-container>.img-container>svg{font-size:1.2rem;opacity:0;position:absolute}.profile-body>.profile-container>.img-container:hover img{opacity:.5}.profile-body>.profile-container>.img-container:hover svg{opacity:1}.profile-body>.profile-container>.user-info{align-items:none;gap:1rem;height:200px;width:auto}.profile-body>.profile-container>.user-info,.search-user{display:flex;flex-direction:column;justify-content:center;padding:none}.search-user{align-items:center;background-color:#000;gap:.3rem;height:100%;width:100%}.search-user>input{background:#333;border:none;color:#fff;font-size:.9rem;height:auto;margin-top:.5rem;outline:none;padding:.5rem 0;width:95%}.search-user>.searched-user{height:87vh;overflow-y:auto;padding:none;width:100%}.search-user>.searched-user>h3{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#f9f8f8,#505050);-webkit-background-clip:text;background-clip:text;font-size:auto;font-weight:auto;margin:1rem .5rem}.search-user>.searched-user>.user{align-items:none;display:flex;flex-direction:column;gap:0;height:auto;justify-content:none;padding:none;width:100%}.search-user>.searched-user>.user .user-container{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:none;overflow-y:auto;padding:1rem .5rem;transition:.5s}.search-user>.searched-user>.user .user-container:hover{transform:scale(1.01)}.search-user>.searched-user>.user .user-container>.user-details{align-items:center;display:flex;flex-direction:row;gap:.5rem;height:50px;justify-content:none;padding:none;width:50px}.search-user>.searched-user>.user .user-container>.user-details>.loading{background-color:#333;border-radius:50%;height:100%;padding:none;width:100%}.search-user>.searched-user>.user .user-container>.user-details>img{border-radius:50%;height:100%;object-fit:cover;padding:none;width:100%}.search-user>.searched-user>.user .user-container>.user-name>h4{font-weight:700}.search-user>.searched-user>.user .user-container>.user-name>p{margin-bottom:.5rem;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;width:14em}.search-user>.searched-user>.user .user-container>.user-status{align-items:flex-start;display:flex;flex-direction:column;gap:.2rem;justify-content:none}.search-user>.searched-user>.user .user-container>.user-status>h4{text-transform:capitalize}.search-user>.searched-user>.user .user-container>.user-status>p{text-align:left}.request-Button>h5{background-color:#333;border-radius:5px;height:auto;padding:.5rem;width:100px}.request-Button>p{background-color:#abff2c;border-radius:5px;font-size:.9rem;height:auto;padding:.3rem 0;text-align:center;width:150px}.request-Button>button{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;border-radius:5px;color:#fff;font-size:.7rem;font-weight:500;margin:.3rem 0;outline:none;padding:.5rem 2.5rem;transition:.5s}.request-Button>button:hover{background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);color:none}@media(max-width:1250px){.home{grid-template-columns:1.5fr 3fr;position:relative}.read,.unread{width:12em}}@media(max-width:850px){.read,.unread{width:10em}}@media(max-width:670px){.signUp-contanier>form{width:100%}.navbar>h1>a{font-size:1.5rem}.home{grid-template-columns:1fr;position:relative}.home>.user-container>.user-details>img{height:50px;padding:none;width:50px}.home>.message-body{left:0;position:absolute}.home>.message-body>.message-user>svg{display:block;font-weight:700;margin-left:.5rem}.home>.message-body>.message-user>a>img{height:40px;padding:none;width:40px}.home>.message-body>.message-form .input-box{height:auto;padding:none;width:70%}.home>.message-body>.message-form .button{height:auto}.close{display:none}.open{display:block}.request{grid-template-columns:1fr}.animation{display:none}.container{width:100%}.seletedImg{border:3px solid #adff2f;border-radius:50%;display:block;height:20px;padding:none;width:20px}.btn button{padding:.5rem 1rem}.profile-body>.profile-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:80%}.friend-list>.friend-requests{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:.5rem}.read,.unread{width:15em}}.error_page{height:93%;padding:none;width:100%}.error_page>div{padding:1rem}.error_page>div>h1{color:#d52323;margin-bottom:.5rem}.error_page>div>h1>svg{color:#ffcc70}.error_page>div>button{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:none;border-radius:5px;color:#fff;font-weight:400;margin-top:.5rem;outline:none;padding:.5rem;transition:.5s}.error_page>div>button:hover{background-color:#4158d0;background-image:linear-gradient(100deg,#4158d0,#c850c0 66%,#ffcc70);color:none}*{font-family:Varela Round,sans-serif;margin:0;padding:0}body ::-webkit-scrollbar{display:none}a{font-size:.8rem;font-weight:400;text-decoration:none}.App,a{color:#fff}.App{background-color:#000;height:100vh;overflow-y:auto;padding:none;width:100vw}
/*# sourceMappingURL=main.7d4fd73c.css.map*/