.signInPage{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;justify-content:center}.signInPage-title{font-size:2.5rem;margin-bottom:6rem}.signInPage-instruction{margin-bottom:2rem}.signInForm{display:flex;flex-direction:column;gap:.5rem}.signInForm input{width:15rem;text-align:center}.signInForm button{width:15.5rem}.signInPage-errorMsgs{margin-top:2rem}.signUpPage{height:100%;width:100%;display:flex;flex-direction:column}.signUpPage-backBtn{align-self:flex-start;padding:3rem}.signUpPage-backBtn a:hover{color:#5f9ea0}.signUpPage-title{font-size:3rem;margin:1rem 0}.signUpPage-form{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.signUpPage-form-input{width:12rem}.signUpPage-errorMsgs{margin-top:0rem}.landingPage{height:80%;width:100%;display:grid;grid-template-rows:repeat(7,1fr);grid-template-columns:2fr 3fr 2fr;margin-top:2rem}.landingPage .chatSystem{grid-column:1/2;grid-row:2/6}.landingPage-posts-container{grid-column:2/3;grid-row:1/6}.landingPage-people{grid-column:3/4;grid-row:2/5}@media (max-width: 450px){.landingPage{display:flex;flex-direction:column}}.landingPage-posts-container{position:relative;padding:0 5rem;margin-top:4rem}.landingPage-posts-title{font-size:2.5rem}.landingPage-posts-form{margin-top:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.landingPage-posts-postBox{width:80%;height:50px;font-size:1rem}.landingPage-posts-form-btn{width:4rem;margin:1rem 0}.landingPage-posts-posts{height:26vh;width:100%;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:6px}.landingPage-posts-posts::-webkit-scrollbar{width:0px}.landingPage-posts-posts-post{display:flex;gap:.25rem;justify-content:center;flex-direction:column}.landingPage-posts-posts-post-postContent{overflow-wrap:anywhere}.landingPage-posts-posts-post-info{display:flex;gap:1rem;justify-content:center;font-style:italic}.landingPage-posts-borderLeft{position:absolute;height:60%;left:0;top:10%;border:solid;border-width:1px;border-color:#84dcc6}.landingPage-posts-borderRight{position:absolute;height:60%;right:0;top:10%;border:solid;border-width:1px;border-color:#84dcc6}.landingPage-posts-scrollUp,.landingPage-posts-scrollDown{color:#664dbe}.landingPage-posts-scrollUp{visibility:hidden}.landingPage-posts-scrollUp.show{visibility:visible}.landingPage-posts-scrollDown{visibility:hidden}.landingPage-posts-scrollDown.show{visibility:visible}.landingPage-people-friends-request{display:flex;justify-content:center;gap:.5rem}.people{display:grid;grid-template-rows:1fr 1fr}.people-friends-container{display:flex;flex-direction:column}.renderUsers-users-container{max-height:14rem}.renderUsers-users{overflow-y:scroll;max-height:9.5rem}.renderUsers-user{display:flex;justify-content:center;gap:.5rem}.renderUsers-user-status{display:flex;gap:.5rem}.renderUsers-user-status-acceptBtn{color:#90e690}.renderUsers-user-status-declineBtn{color:#a11616}.renderUsers-users-title{font-size:1.5rem}.renderUsers-user-addBtn{color:#90e690}.renderFriends-friends-title{font-size:1.5rem}.renderFriends-friends-friends{overflow-y:scroll;max-height:6rem}.userClickMenu{position:absolute;z-index:99999;background-color:#242424;color:#fff;border-radius:.5rem;padding:.25rem;box-shadow:0 0 8px 1px #505755}.userClickMenu a{color:#fff}.userClickMenu a:hover,.userClickMenu-chat:hover{color:#8b95c9}.renderFriendReq-title{font-size:1.5rem}.renderFriendReq-friendReq-request{display:flex;justify-content:center;gap:1rem}.renderFriendReq-friendReq-request-acceptBtn{color:#90e690}.renderFriendReq-friendReq-request-declineBtn{color:#a11616}.renderFriendReqs{overflow-y:scroll;height:4rem}.chatbox{position:fixed;bottom:0;display:flex;flex-direction:column;width:18rem;font-size:12px;border:solid;border-width:.5px;padding:1rem;margin:.5rem;background-color:#5e7a74;border-radius:1.5rem}.chatbox-postMsg{display:inherit;flex-direction:inherit;align-items:center}.chatbox-display{padding:.5rem;border-top:solid;height:9rem;border-width:.5px;overflow:scroll;overflow-x:hidden}.chatbox-msgBox{height:3rem;width:98%}.chatbox-sendBtn{width:3rem}.chatbox-closeBtn-container{display:flex;justify-content:end}.chatbox-closeBtn{margin-right:1rem;font-size:16px}.chatSystem{position:relative}.chatSystem-title{font-size:1.5rem;padding:.5rem}.chatSystem .newMessages{font-weight:700}.chatSystem-users{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;gap:.2rem;height:23rem;overflow-y:scroll;margin-top:2rem}.chatSystem-user{display:flex;gap:1rem}.chatSystem-user-newMessage{color:#ff0}.headers{height:20%;width:100%;display:flex;justify-content:space-around;padding:1rem;box-sizing:border-box;position:relative}.headers-title{font-size:3rem;display:flex;align-items:center}.headers-title-link{color:#4d4d7c;border-image:linear-gradient(45deg,gold,#84dcc6) 1;animation:huerotate 3s infinite linear;filter:hue-rotate(360deg)}@keyframes huerotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.headers-borderBottom{position:absolute;border-bottom:solid;bottom:0;width:80%;border-width:1.5px;border-color:#84dcc6}.headers-profile{display:flex;align-items:center;gap:.5rem}.headers-profile-username{cursor:pointer}.headers-profile-signOut{cursor:pointer;color:#3342c9}.headers-profile-signOut:hover{cursor:pointer;color:#fff}.profile-container{height:80%;width:100%;display:grid;grid-template-rows:repeat(7,1fr);grid-template-columns:2fr 3fr 2fr}.profile-userInfo-tag{display:flex;gap:2rem}.profile-userInfo{grid-column:2/3;margin-top:2rem;padding:0 4rem}.profile-myWall-myPosts-container{grid-column:2/3;grid-row:2/6;position:relative;margin-top:1rem;padding:0 5rem}.profile-username-username{font-size:2rem}.profile-addUserBtn{display:flex;align-items:center;font-size:1.25rem}.profile-bio{justify-content:end;margin-right:3rem}.profile-bio-bio{margin-top:.5rem;font-style:italic}.profile-container .chatSystem{grid-row:2/6;grid-column:1/2}.profile-people{grid-column:3/4;grid-row:2/6}.profile-tab{display:flex;gap:.5rem;justify-content:center;align-items:end}.profile-tab-tab{border:solid;border-radius:.6rem;border-width:1px;padding:0 .4rem;height:1.6rem;background-color:gray}.profile-tab-tab:hover{border-color:#8b95c9;background-color:#000}.profile-myWall-myPosts-borderRight{position:absolute;height:65%;border-right:solid;top:0%;right:0;border-width:1px;border-color:#84dcc6}.profile-myWall-myPosts-borderLeft{position:absolute;height:65%;border-right:solid;top:0%;left:0;border-width:1px;border-color:#84dcc6}.profile-posts{position:relative}.profile-posts-form-postbox{width:80%;height:50px}.profile-posts-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-posts-form-button{width:4rem;margin:1rem 0}.profile-posts-title{font-size:1.5rem;margin:2rem 0 1rem}.profile-posts-posts{margin-top:1rem;width:100%;height:23vh;overflow:auto;padding-right:15px;display:flex;flex-direction:column;gap:6px}.profile-posts-hideBar{overflow:hidden;width:100%}.profile-posts-post{display:flex;gap:.25rem;justify-content:center;flex-direction:column}.profile-posts-post-content{overflow-wrap:anywhere}.profile-posts-post-info{display:flex;justify-content:center;gap:1rem;font-style:italic}.profile-posts-scrollUp,.profile-posts-scrollDown{color:#664dbe}.profile-posts-scrollUp{visibility:hidden;height:.5rem}.profile-posts-scrollUp.show{visibility:visible}.profile-posts-scrollDown{visibility:hidden}.profile-posts-scrollDown.show{visibility:visible}.profile-myPosts{grid-column:2/3;grid-row:3/6}.profile-myPosts-title{font-size:1.5rem;margin:2rem 0 1rem}.profile-myPosts-hidebar{width:100%;overflow:hidden}.profile-myPosts-posts{width:100%;height:35vh;overflow:auto;padding-right:15px;display:flex;flex-direction:column;gap:10px;margin:1rem 0}.profile-myPosts-post-content{overflow-wrap:anywhere}.profile-myPosts-post-info{display:flex;justify-content:center;gap:1rem;font-style:italic}.profile-myPosts-scrollUp,.profile-myPosts-scrollDown{color:#664dbe}.profile-myPosts-scrollUp{visibility:hidden}.profile-myPosts-scrollUp.show{visibility:visible}.profile-myPosts-scrollDown{visibility:hidden}.profile-myPosts-scrollDown.show{visibility:visible}.blink{animation:blink-animation .5s steps(5,start) infinite;-webkit-animation:blink-animation .5s steps(2,start) infinite}.blink2{animation:blink-animation .5s steps(2,start) infinite;-webkit-animation:blink-animation .5s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}#root{text-align:center;height:100%;display:flex;align-items:center;flex-direction:column}.errorMsg{color:red;font-style:italic}a{text-decoration:none;color:#fff}textarea{color:#fff;border-color:#478978;padding:.5rem}.checkSignedInUserBtn{top:0;right:0;position:absolute}.cursor-pointer{cursor:pointer;border-radius:1rem}.cursor-pointer:hover{color:#3342c9}button{border-radius:.4rem}button:hover{background-color:#000;border-color:#8b95c9;box-shadow:0 0 5px 2px #acd7ec}.renderFriendReqs::-webkit-scrollbar,.renderUsers-users::-webkit-scrollbar,.renderFriends-friends-friends::-webkit-scrollbar,.chatSystem-users::-webkit-scrollbar{width:5px}.renderFriendReqs::-webkit-scrollbar-track,.renderFriends-friends-friends::-webkit-scrollbar-track,.renderUsers-users::-webkit-scrollbar-track,.chatSystem-users::-webkit-scrollbar-track{background:transparent}.renderFriendReqs::-webkit-scrollbar-thumb,.renderFriends-friends-friends::-webkit-scrollbar-thumb,.renderUsers-users::-webkit-scrollbar-thumb,.chatSystem-users::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px;border:transparent}:root{font-family:Roboto,Open Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:#ffffffde;background-color:#242424}body,html{height:100%;width:100%;margin:0;padding:0;outline:none}