@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);.main{font-family:Nunito,sans-serif}#home-page{display:grid;grid-template-rows:auto 10fr}.Dashboard{background:#12111d;box-shadow:7px 7px 14px #0d0c14,-7px -7px 14px #171626;display:grid;grid-template-rows:150px 300px 200px;height:100vh;padding-left:25px;position:-webkit-sticky;position:sticky;top:0}.app-title{color:var(--purple);font-size:24pt;font-weight:800;transition:.5s}.app-title:hover{color:var(--green)}.title-dashboard{display:flex;justify-content:center;padding-top:40px}#title-link{color:var(--white);text-decoration:none}.links-cont{display:flex;flex-direction:column;gap:15px;padding-left:30px;padding-right:50px;padding-top:30px}.sign-links{padding-top:10px}#link-cont{color:var(--purple);display:flex;flex-direction:row-reverse;justify-content:space-between;text-decoration:none}#link-icon:hover{color:var(--pink);font-weight:700}#dash-link{color:var(--white);cursor:pointer;font-size:14pt;font-weight:600;text-decoration:none;transition:.5s}#dash-link:hover{color:var(--purple);font-weight:700;-webkit-transform:translateX(5px);transform:translateX(5px)}.dashboard-bottom{display:grid;grid-template-rows:2fr 1fr;margin-right:25px}.profPic-cont{align-items:flex-end;display:flex;justify-content:center}#profileImgDash{border-radius:50%;z-index:-1}.profInfo-cont,.profileInfoDash{align-items:center;display:flex;justify-content:center}.profileInfoDash{flex-direction:column}.currentUser-email{color:var(--purple)}.currentUser-username{color:var(--white);font-weight:600}#unseen-messages-count,#unseen-notification-count{background-color:var(--red);border-radius:50%;color:var(--white);font-size:10pt;font-weight:600;margin-left:2.5px;margin-top:-5px;padding:3px 8px;position:absolute;z-index:2}.blurred-bg-dash{background-color:rgb(50,50,50,.7);display:none;height:100vh;left:-100px;position:fixed;width:200vw;z-index:1}.loader-comp{left:45%;position:absolute;top:50%}.lds-grid{display:inline-block;height:80px;position:relative;width:80px}.lds-grid div{-webkit-animation:lds-grid 1.2s linear infinite;animation:lds-grid 1.2s linear infinite;background:var(--green);border-radius:50%;height:16px;position:absolute;width:16px}.lds-grid div:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:8px;top:8px}.lds-grid div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:32px;top:8px}.lds-grid div:nth-child(3){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:56px;top:8px}.lds-grid div:nth-child(4){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:8px;top:32px}.lds-grid div:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:32px;top:32px}.lds-grid div:nth-child(6){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:56px;top:32px}.lds-grid div:nth-child(7){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:8px;top:56px}.lds-grid div:nth-child(8){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:32px;top:56px}.lds-grid div:nth-child(9){-webkit-animation-delay:-1.6s;animation-delay:-1.6s;left:56px;top:56px}@-webkit-keyframes lds-grid{0%,to{opacity:1}50%{opacity:.3}}@keyframes lds-grid{0%,to{opacity:1}50%{opacity:.3}}#alert-box{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:popAlert;animation-name:popAlert;background-color:var(--bg2);border-radius:15px;bottom:20px;display:none;height:80px;justify-content:flex-start;padding:20px;position:absolute;right:10px;width:250px;z-index:3}#alert-msg{font-size:13pt}#new-post-mobile{background-color:var(--bg2OP);border-radius:50%;bottom:80px;color:var(--green);display:none;padding:15px;position:fixed;right:30px;z-index:100}#np-mobile-icon{font-size:20pt}#sidebar-wrapper{box-shadow:-7px 7px 14px #0f0e17,7px -7px 14px #151423}.Sidebar{display:grid;grid-template-rows:80px 1.5fr 200px}.Sidebar,.sidebar-head{position:-webkit-sticky;position:sticky;top:0}.sidebar-head{align-items:center;color:var(--green);justify-content:center}.sidebar-head,.sidebar-main{display:flex;font-weight:600}.sidebar-main{flex-direction:column;padding-left:50px}.display-user{padding-bottom:15px}.display-username:hover{color:var(--green);-webkit-transform:translateX(-5px);transform:translateX(-5px)}.display-email,.display-username{cursor:pointer;transition:1s}.display-email{color:var(--purple)}#link-user-sidebar{color:var(--white);text-decoration:none}.sidebar-bottom{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;position:relative;top:20px}.desc1,.desc2{color:var(--bg2);font-size:10pt}.desc3{align-items:center;display:flex;flex-direction:column}.desc3>div{color:var(--green);font-size:12pt;font-weight:600;padding-bottom:5px}a{color:var(--white);text-decoration:none}#github-logo{font-size:20pt}.HomeComp{background-color:var(--backgroundHomeComp);box-shadow:7px 7px 14px #0d0c14,-7px -7px 14px #171626;display:grid;grid-template-rows:1fr auto;position:-webkit-sticky;position:sticky;top:0}.HomeCompHead{align-items:center;display:flex;height:75px;justify-content:space-between;padding-left:30px;padding-right:30px}.home-head{display:flex;gap:50px}#make-post{background-color:var(--purple);border:none;border-radius:12px;color:var(--white);cursor:pointer;font-weight:700;padding:8px 12px}.search-bar{display:flex;gap:10px}#search-input{background-color:var(--white);border:none;border-radius:10px;padding:10px}#search-logo{align-items:center;color:var(--purple);display:flex}#search-logo>span{cursor:pointer;font-size:20pt}#query-auto{background-color:var(--bg2);display:none;height:300px;overflow:scroll;padding:5px;position:absolute;right:60px;top:70px;width:200px}#query-link{color:var(--white)}.query-result{padding-top:10px}.query-result:hover{background-color:var(--currentLine)}.form-newPost{border:1px solid grey}.homeComp-postForm{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;height:170px;left:11%;position:absolute;top:80px;width:600px}.newpost-form{grid-gap:10px;background-color:var(--bg2);border-radius:5px;display:grid;gap:10px;grid-template-rows:3fr 1fr;margin:0 30px;padding:18px 15px 15px;z-index:1}.newpost-main{align-items:flex-start;display:flex;justify-content:center}.newpost-button{align-items:center;display:flex;justify-content:space-between}.post-type{display:flex;gap:10px}.post-type>span{cursor:pointer}#newpost-submit{background-color:var(--purple);border:none;border-radius:10px;color:var(--white);font-weight:600;padding:5px 10px}#newpost-submit:hover{cursor:pointer}#newpost-text{border-radius:5px;height:100px;resize:none;width:100%}#postForm-image{display:none}#newpost-main-image{flex-direction:column;justify-content:space-between;padding-bottom:10px}.image-post-header{color:var(--white);font-size:14pt}.displayPostCont{padding:45px 20px 45px 45px}.post-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:50px 1fr;padding-bottom:30px;padding-top:10px}.post-sidebar{display:flex}#profileImg{border-radius:50%}.post-image{padding-bottom:20px}#post-image{object-fit:contain}.post-text{word-wrap:break-word;cursor:pointer;padding-bottom:20px;padding-right:20px}.post-author{color:var(--purple);font-size:10pt;font-weight:600;padding-bottom:5px}.post-date{color:var(--bg2);font-size:9pt;padding-bottom:10px}.action-cont{grid-gap:10px;display:grid;gap:10px;grid-template-columns:50px 50px 50px}#comment-icon,#like-icon{font-size:14pt}#comment-icon,#delete-icon,#like-icon{color:var(--bg2);cursor:pointer;transition:.5s}#delete-icon{font-size:16pt}#toggle-comment-icon{color:var(--green);cursor:pointer;font-size:16pt;padding-left:10px;padding-top:10px}.comment-cont,.like-cont{display:grid;font-size:10pt;font-weight:600;grid-template-columns:25px 25px}#like-icon:hover{color:var(--red)}#comment-icon:hover{color:var(--pink)}.comment-section{display:none}.comment-title{color:var(--green);display:flex;font-weight:700;padding-bottom:10px;padding-left:10px;padding-top:20px}.comment-map{max-height:400px;overflow:auto;padding-left:10px}.comment-content{border-bottom:1px solid var(--currentLine);padding-bottom:10px;padding-top:10px}.comment-text{font-size:11pt}.comment-username{color:var(--purple);font-size:10pt;font-weight:600;padding-top:10px}.comment-date{color:var(--bg2);font-size:9pt}.comment-length,.likes-length{color:var(--white)}.seeMore{align-items:center;color:var(--purple);cursor:pointer;display:flex;display:none;font-size:12pt;font-weight:600;padding-bottom:20px;padding-left:70px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--background00)}::-webkit-scrollbar-thumb:hover{background:var(--green)}@media screen and (max-width:500px){.displayPostCont{padding:10px}.post-text{width:300px}}.comment-form{padding-left:10px;padding-top:10px}#newComment-text{background-color:var(--white);resize:none}#newComment-submit{background-color:var(--purple);border:none;border-radius:5px;color:var(--background00);font-weight:600;padding:5px 10px;transition:.5s}#newComment-submit:hover{background-color:var(--green);cursor:pointer;-webkit-transform:translateX(5px);transform:translateX(5px)}.Login{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.login-col1{background-image:url(/static/media/login-bg.236249165fb86761bb01.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.login-col2{background-color:var(--background00);display:flex;height:100vh;justify-content:center}.login-box{background-color:var(--background);border:1px solid var(--bg2);border-radius:1px;box-shadow:0 5px 15px hsla(0,6%,79%,.35);display:grid;grid-template-rows:2fr 1.5fr 5fr;height:400px;margin-top:100px;padding:20px 50px;width:300px}h2{font-size:22pt}#link-home{color:var(--purple);text-decoration:none}.login-head{color:var(--purple);display:flex;justify-content:center}.submit-btn{background-color:var(--purple);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:5px 10px;transition:.5s}.submit-btn:hover{background-color:var(--green);color:var(--background)}.form-sign{align-items:center;gap:30px;height:200px;justify-content:center}.email-cont,.form-sign,.pass-cont{display:flex;flex-direction:column}.email-cont,.pass-cont{align-items:flex-start;gap:10px}.sign-select{align-items:center;color:var(--white);display:flex;gap:20px;justify-content:center}.login-toggle,.signup-toggle{cursor:pointer;font-weight:600;transition:.1s}.login-toggle:hover,.signup-toggle:hover{color:var(--green);font-weight:500;padding-bottom:2px}.signup-toggle{border-bottom:1px solid var(--purple)}#login-wrap{display:none}label{color:var(--green)}#profile-main{display:grid;grid-template-rows:200px 8fr}.profile-head{box-shadow:7px 7px 14px #0d0c14,-7px -7px 14px #171626;display:grid;font-weight:600;grid-template-columns:1fr 2.5fr}.profile-detail{display:grid;grid-template-rows:2fr 2fr 2fr;padding-top:30px}#friend-count,#post-count{color:var(--white)}.profile-row1,.profile-row2{display:flex;flex-direction:column;justify-content:center}.profile-username{display:grid;grid-template-columns:100px 150px 50px}.profile-email{display:grid;grid-template-columns:100px 1fr}.tag{color:var(--purple)}.text{color:var(--white)}.profile-pic-cont{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;padding-top:30px}#profileImgProfile{border-radius:50%}#imageForm,#profileForm{display:none}#edit-btn-profImg,#edit-btn-username{background-color:var(--background00);border:none;color:var(--bg2)}#edit-btn-profImg:hover,#edit-btn-username:hover{color:var(--purple)}#friends-list{background-color:var(--bg2);display:none;padding:30px 50px;position:absolute;top:150px}.friends-count,.post-count-cont{color:var(--purple);cursor:pointer;display:grid;grid-template-columns:100px 1fr}.friendList-cont{padding-top:20px}.profile-username-form{background-color:var(--bg2);border:2px solid #000;color:var(--white);display:flex;flex-direction:column;gap:10px;height:100px;left:35%;padding:30px;position:absolute;top:200px;width:250px}.profile-username-form>label{color:var(--white);font-weight:600}.profile-username-form>input{height:30px}#confirmUser-btn{background-color:var(--purple);border:none;color:var(--white);font-weight:600;height:30px;margin:0 auto;width:150px}#confirmUser-btn:hover{cursor:pointer}.profile-image-form{background-color:var(--bg2);border:2px solid #000;color:var(--white);display:flex;flex-direction:column;height:100px;left:35%;padding:30px;position:absolute;top:200px;width:250px}.profile-image-form>form{display:flex;flex-direction:column;gap:20px}#fileInput{background-color:var(--purple);border:none;color:var(--white);width:150px}#fileInput:hover{cursor:pointer}#file-upload-button{background-color:var(--purple);color:var(#fff)}#close-box{cursor:pointer;position:absolute;right:10px;top:10px}#message-main{display:grid;grid-template-columns:1fr 2fr}#search-bar-chat{display:grid;grid-template-columns:auto 50px;padding:20px}.map-search-new-chat{max-height:650px;overflow:auto}#new-chat-img{border-radius:50%;position:relative;top:5px}#query-message{display:grid;grid-template-columns:100px auto;padding:20px 20px 20px 25px;transition:.5s}#query-message:hover{background-color:var(--bg2OP)}.new-chat-username{color:var(--white);font-weight:800}.new-chat-email{color:var(--purple)}.new-chat-btn-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:30px 30px}#new-chat-btn{background-color:var(--green);border:none;border-radius:15px;color:#000;display:grid;font-weight:700;margin-top:5px;padding:3px 4px;place-items:center;transition:.5s}#new-chat-btn:hover{background-color:#000;color:var(--green)}.new-group-form{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:popAlert;animation-name:popAlert;background-color:var(--background00);border-top:1px solid var(--bg2OP);display:none;grid-template-columns:auto 60px;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:2;z-index:3}@-webkit-keyframes popAlert{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popAlert{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#group-name-input{background-color:var(--white);border:none;border-radius:10px;padding:10px}#add-group-btn{color:var(--purple);cursor:pointer;padding-left:12px}#add-group-btn:hover{color:var(--green)}.new-chat-container{align-items:center;border-bottom:1px solid var(--bg2);border-radius:20px;border-right:1px solid var(--bg2);color:var(--green);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:10px 100px;padding:10px 20px;transition:.5s}.new-chat-container:hover{background-color:var(--green);color:#000}.chatRoom-wrapper{max-height:650px;overflow:auto}.chatRoom-container{padding:10px 10px 15px;transition:.5s}.chatRoom-container:hover{background-color:var(--bg2OP)!important}.chatroom-info-wrap{padding-left:10px}.chatRoom-cont-username{display:flex}.chatroom-username{font-size:12pt;font-weight:800;padding-top:5px;transition:.5s}.chatRoom-container:hover .chatroom-username{font-weight:700}.chatRoom-member{color:var(--white);padding:5px}.member-info-cont{display:grid;grid-template-columns:60px auto}#chat-dashboard-user-img{border-radius:50%}.chatRoom-lastContent{color:var(--bg2);font-size:10pt}#groupChat-text{color:var(--purple)}#unseen-messages-count-chatroom{background-color:var(--red);border-radius:50%;color:var(--white);display:grid;font-size:10pt;font-weight:600;left:10px;padding:1px 9px;place-items:center;position:relative;z-index:2}#loader-msg-dash{left:30%;position:absolute;top:25%}.loader-msg{-webkit-animation:matrix 1s linear infinite;animation:matrix 1s linear infinite;background:linear-gradient(#0000 16.66667%,var(--green) 0 50%,#0000 0),linear-gradient(#0000 33.33333%,var(--green) 0 66.66667%,#0000 0),linear-gradient(#0000 50%,var(--green) 0 83.33333%,#0000 0);background-repeat:no-repeat;background-size:10px 400%;height:40px;width:45px}@-webkit-keyframes matrix{0%{background-position:0 100%,50% 100%,100% 100%}to{background-position:0 0,50% 0,100% 0}}@keyframes matrix{0%{background-position:0 100%,50% 100%,100% 100%}to{background-position:0 0,50% 0,100% 0}}.message-content-container{display:grid;grid-template-rows:80px auto 100px}.chat-user-head{background-color:var(--background00);display:grid;grid-template-columns:100px auto}#chat-user-img{border-radius:50%}.chat-user-imgCont{display:grid;place-items:center}.chat-user-info{display:flex;flex-direction:column;justify-content:center;padding-left:20px}.chat-user-email{color:var(--bg2)}.chat-container{max-height:500px;overflow:auto;padding:20px}.message-container{align-items:flex-start;display:flex;flex-direction:column}.message-container-currentUser{align-items:flex-end;display:flex;flex-direction:column}.message-sender{padding-left:4px}.message-sender,.message-sender-currentUser{color:var(--bg2);font-size:10pt;font-weight:600}.message-sender-currentUser{padding-right:4px}.message-text{background-color:var(--bg2)}.message-text,.message-text-currentUser{border-radius:10px;font-weight:600;padding:10px;width:300px}.message-text-currentUser{background-color:var(--purple)}.message-sendAt{color:var(--bg2);font-size:9pt;padding-left:5px}.message-input-container{background-color:var(--background00OP);display:flex;gap:10px;justify-content:center;padding:20px}#text-area-count{color:var(--purple);display:grid;font-size:10pt;place-items:center;width:50px}.message-input-text{border-radius:10px;font-size:12pt;height:35px;padding:10px;resize:none;width:400px}#message-send-btn{background-color:initial;border:none;border-radius:10px;color:var(--bg2)}#message-send-btn>span{font-size:28pt}#message-send-btn:hover{color:var(--purple)}#loader-dash-chat{left:55%;position:absolute}.profile-row3{padding-top:10px}#link-user{color:#8eb3f8;text-decoration:none}#friendReq-btn{background-color:var(--purple);border:none;border-radius:10px;color:var(--white);cursor:pointer;padding:5px 8px;transition:.5s}#friendReq-btn:hover{background-color:var(--green);color:#000}.notif-page{display:grid;grid-template-rows:80px 1fr;padding:30px 60px}.friendReq-head{color:var(--purple);display:flex;font-size:14pt;font-weight:700;gap:60px}.friendReq-head>div{cursor:pointer}#friendReq-select{color:var(--bg2)}.friendReq-main{display:none}.friendReq-cont{display:grid;grid-template-columns:1fr 5fr;padding:20px 30px}.friendReq-username{color:var(--purple)}.friendReq-email{color:var(--green)}.friendReq-status{color:var(--bg2)}.friendReq-button-cont{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,70px);padding-top:10px}.friendReq-button-cont>button{background-color:var(--bg2);border:none;color:var(--white);padding:5px 8px}button:hover{color:var(--purple);cursor:pointer}.likeAndComment-cont{display:grid;grid-template-columns:1fr 5fr;grid-template-rows:20px 30px 30px 30px;padding-left:30px;padding-right:30px;padding-top:20px}.likeAndComment-cont>div{padding-bottom:3px}#notif-image{border-radius:50%;grid-column:1/2;grid-row:1/5;height:60px;position:relative;top:10px;width:60px}.likeAndComment-username{color:var(--purple)}#notif-email{color:var(--green)}#notif-date{color:var(--bg2);font-size:10pt}#unseen-notif{background-color:var(--backgroundOP);border-radius:10px}#post-detail-display{zoom:1.06;margin-left:20px}#post-detail-display>div>div>img{height:60px;position:relative;right:10px;top:5px;width:60px}:root{--background:#282a36;--backgroundOP:rgba(40,42,54,.6);--purple:#bd93f9;--pink:#ff79c6;--red:#f55;--cyan:#8be9fd;--yellow:#f1fa8c;--bg2:#6272a4;--bg2OP:rgba(98,114,164,.5);--white:#f8f8f2;--green:#50fa7b;--currentLine:#44475a;--background00:#12101d;--backgroundHomeComp:#14121e;--background00OP:rgb(18,16,29,0.7);--green2:#44d75f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#12101d;background-color:var(--background00);color:#f8f8f2;color:var(--white);font-family:Work Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:grid;grid-template-columns:2.5fr 6fr 2.5fr;grid-template-rows:1fr;height:100vh}@media screen and (max-width:1000px){.App{zoom:75%}.Dashboard,.dashboard-wrapper{height:50px}.Dashboard{display:grid;padding-left:0;place-items:center}.title-dashboard{align-items:center;background-color:#12101d;background-color:var(--background00);display:flex;height:60px;justify-content:center;padding-left:0;padding-top:0;position:fixed;top:10px;width:100%}#dash-link,#sidebar-wrapper,.dashboard-bottom{display:none}.HomeComp{background-color:initial}.home-head,.search-bar{display:none}.links-cont{background-color:rgb(18,16,29,.7);background-color:var(--background00OP);bottom:0;display:grid;grid-template-columns:repeat(6,1fr);height:75px;padding:0;position:fixed;width:100%}.links-cont>div{display:grid;place-items:center}.sign-links{padding-top:0}.profile-head{font-size:11pt;gap:25px;padding-left:20px;padding-top:20px}.profile-detail{grid-template-rows:2fr 2fr 2fr}#profileImgProfile{height:60px;width:60px}.App{grid-template-columns:auto;grid-template-rows:100px 1fr;padding-left:10px;padding-right:10px}#make-post{display:block}.Login{background-image:url(/static/media/login-bg.236249165fb86761bb01.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:1fr;place-items:center}.login-col1{display:hide}.login-col2{background-color:initial}.login-box{background-color:#12101d;background-color:var(--background00);border:none;box-shadow:none}.notif-page{place-items:center}.likeAndComment-cont{grid-template-columns:2fr 5fr}.friendReq-cont{grid-template-columns:3fr 5fr}.blurred-bg-dash{height:10000%}#new-post-mobile{display:inline;z-index:9}.homeComp-postForm{bottom:100px;height:150px;max-width:400px;position:fixed;top:80%}.chatRoom-wrapper,.map-search-new-chat{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}#message-main{display:grid;max-width:400px}#dashboard-chat-detail{max-height:650px}}
/*# sourceMappingURL=main.2e249309.css.map*/