.welcomePage{display:flex;flex-direction:column;align-items:center;text-align:center;width:100vw;height:100vh;margin-top:200px}.welcomeBtns{margin:20px 0}.welcomeBtn{padding:20px;font-size:2rem}@media only screen and (min-width: 768px){.welcomePage,.error{margin-top:260px}}#loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;margin-top:110px}.loadingText{font-size:1.5rem;text-align:center}@media only screen and (min-width: 768px){#loading{margin-top:160px}}#loadingCircle{margin:10px;border:4px solid #242424;border-top:4px solid #f5f5f5;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.errorPage{margin-top:110px;display:flex;flex-direction:column;text-align:center;width:100vw;height:100vh}@media only screen and (min-width: 768px){.errorPage{margin-top:160px}}.login{display:flex;flex-direction:column;align-items:center;width:100vw;text-align:center;margin-top:110px}.loginInput{margin:10px;width:300px;padding:10px;font-size:1.2rem}form{display:flex;flex-direction:column;align-items:center}.loginBtn{margin:30px 10px 10px;width:300px}.loggingIn{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.loggingInText{text-align:center;font-size:1.5rem}@media only screen and (min-width: 768px){.login,.error{margin-top:160px}}.signup{display:flex;flex-direction:column;width:100vw;text-align:center;margin-top:110px}.signupHeading{font-size:2rem;font-weight:500;padding:20px 0}.signupInputs{display:flex;flex-direction:column;align-items:center}.signupLabel{color:var(--light)}.signupPasswordText{font-size:.7rem;font-style:italic}.signupInput{margin:10px;width:300px;padding:10px;font-size:1.1rem}.signupBtn{margin:40px 10px 10px;width:300px}.accountCreated{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:110px 20px 20px}.toLogin,.tryAgain{font-size:1.6rem;padding-top:30px}.errorPage{margin-top:110px 20px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.errorPageHeading{font-size:3rem;color:var(--alert)}@media only screen and (min-width: 768px){.signup,.accountCreated,.error,.errorPage{margin-top:160px}}.addCommentForm{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:var(--mid-grey);padding:10px 0}.addCommentText{padding:5px}.addCommentBtn{font-size:.8rem;margin-left:5px}.commentFormDiv{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}input::file-selector-button{border-radius:8px;border:1px solid transparent;padding:.3em .6em;font-weight:500;font-family:inherit;background-color:var(--darkest-grey);cursor:pointer;transition:border-color .25s}@media only screen and (min-width: 768px){.addCommentText{width:600px;height:80px;font-size:.9rem}.addCommentBtn{font-size:1rem}}@media only screen and (min-width: 980px){.addCommentText{width:800px}}.likeUsers{display:flex;width:250px;max-height:120px;flex-direction:column;background-color:var(--light);border:.5px solid black;margin:10px;overflow:auto}.likeUsersTopDiv{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:5px;background-color:var(--darkest-accent)}.likeUsersTitle{padding-left:10px;color:var(--light)}.close{text-align:end;padding-right:10px;cursor:pointer;color:var(--light);font-weight:700;font-size:1.1rem}.likeUser{display:flex;flex-direction:row;margin:0 5px 5px}.likeUserImage{width:35px;height:35px;border-radius:50px;margin-right:5px}.likeUsername{color:#000;font-size:.8rem}.noLikesYet{padding:10px}.deleteCommentConfirm{width:100%;position:absolute;background-color:var(--light-accent);top:0;left:0;padding:20px 0}.deleteCommentText{width:100%;text-align:center;padding-bottom:30px;font-size:1.2rem}.deleteCommentBtns{display:flex;flex-direction:row;justify-content:center;align-items:center}.deleteCommentBtn{width:40%}.comment{background-color:var(--light-grey);margin:10px 0;padding:10px;position:relative;width:80%}.commentUserDetails{display:flex;flex-direction:row;font-size:.9rem;margin-bottom:10px;align-items:center}.commentUsername{margin-right:10px;font-weight:600;font-size:1.1rem}.commentTimestamp{font-size:.9rem}.commentProfileImage{width:40px;height:40px;border-radius:50px;margin-right:10px}.commentDiv{background-color:var(--light)}.commentImage{width:100px;margin:10px}.commentText{color:#000;background-color:var(--light);padding:10px;margin:10px 0}.commentImageTextDiv{display:flex;flex-direction:row}.commentLikesDiv{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;padding:5px 10px 10px}.likes{display:flex;flex-direction:row;justify-content:center;align-items:center}.commentLikes{font-size:1rem;color:#000;margin-right:10px;cursor:pointer}.commentLikes:hover{color:var(--bright-accent)}.likeBtnComment{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-thumbs-up'%3e%3cpath%20d='M14%209V5a3%203%200%200%200-3-3l-4%209v11h11.28a2%202%200%200%200%202-1.7l1.38-9a2%202%200%200%200-2-2.3zM7%2022H4a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2h3'%3e%3c/path%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer;margin-right:5px;transition:scale .5s ease-in-out}.likeBtnComment:hover,.commentLiked:hover{transform:scale(1.2)}.commentLiked{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='blue'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-thumbs-up'%3e%3cpath%20d='M14%209V5a3%203%200%200%200-3-3l-4%209v11h11.28a2%202%200%200%200%202-1.7l1.38-9a2%202%200%200%200-2-2.3zM7%2022H4a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2h3'%3e%3c/path%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer;margin-right:5px;transition:scale .5s ease-in-out}.commentMessage{margin-left:10px;font-weight:400;color:var(--bright-accent)}.commentOptions{display:flex;flex-direction:row;margin:5px}.updateComment{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-edit'%3e%3cpath%20d='M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'%3e%3c/path%3e%3cpath%20d='M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z'%3e%3c/path%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer}.deleteComment{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-trash-2'%3e%3cpolyline%20points='3%206%205%206%2021%206'%3e%3c/polyline%3e%3cpath%20d='M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2'%3e%3c/path%3e%3cline%20x1='10'%20y1='11'%20x2='10'%20y2='17'%3e%3c/line%3e%3cline%20x1='14'%20y1='11'%20x2='14'%20y2='17'%3e%3c/line%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer;margin-left:10px;margin-right:10px}.updateComment:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='blue'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-edit'%3e%3cpath%20d='M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'%3e%3c/path%3e%3cpath%20d='M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z'%3e%3c/path%3e%3c/svg%3e")}.deleteComment:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='blue'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-trash-2'%3e%3cpolyline%20points='3%206%205%206%2021%206'%3e%3c/polyline%3e%3cpath%20d='M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2'%3e%3c/path%3e%3cline%20x1='10'%20y1='11'%20x2='10'%20y2='17'%3e%3c/line%3e%3cline%20x1='14'%20y1='11'%20x2='14'%20y2='17'%3e%3c/line%3e%3c/svg%3e")}.deleteCommentConfirm{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}@media only screen and (min-width: 768px){.commentUsername{font-size:1.2rem}}.comments{background-color:var(--mid-grey);width:100%;padding-bottom:10px;display:flex;flex-direction:column;align-items:center}.commentsHeading{margin-top:10px;width:100%;text-align:center;font-weight:500;font-size:1.2rem}.noComments{text-align:center;width:100%;margin-top:10px;margin-bottom:10px;font-size:1.1rem}.deletePostConfirm{width:100%;position:absolute;background-color:var(--light-accent);padding:30px;top:0}.deletePostText{width:100%;text-align:center;padding-bottom:30px;font-size:1.2rem}.deletePostBtns{display:flex;flex-direction:row;justify-content:center;align-items:center}.deletePostBtn{width:40%}.post{width:100%;margin-bottom:40px;background-color:var(--mid-grey);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.postUserDetails{display:flex;flex-direction:row;padding-bottom:20px;align-self:flex-start;margin-left:10px;margin-top:10px;justify-content:space-between;width:100%}.userDetails{display:flex;flex-direction:row}.postUsernameTimestamp{display:flex;flex-direction:column;text-align:left}.postUsername{font-size:1.1rem;font-weight:600}.postTimestamp{font-size:.9rem}.postProfileImage{width:50px;height:50px;border-radius:50px;margin-right:10px}.postOptions{display:flex;flex-direction:row;margin-right:20px}.postDiv{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--light);width:95%}.postText{padding:10px;color:#000}.postImage{width:90%}.likesDiv{display:flex;flex-direction:row;margin:5px 10px 10px;justify-content:start;align-items:center;width:100%;color:#000}.likes{display:flex;flex-direction:row;justify-content:center}.postLikes{margin-right:10px;cursor:pointer}.postLikes:hover{color:var(--bright-accent)}.likeBtnPost{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-thumbs-up'%3e%3cpath%20d='M14%209V5a3%203%200%200%200-3-3l-4%209v11h11.28a2%202%200%200%200%202-1.7l1.38-9a2%202%200%200%200-2-2.3zM7%2022H4a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2h3'%3e%3c/path%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer;margin:0 10px;transition:scale .5s ease-in-out;position:relative}.likeBtnPost:hover,.postLiked:hover{transform:scale(1.3)}.postLiked{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='blue'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-thumbs-up'%3e%3cpath%20d='M14%209V5a3%203%200%200%200-3-3l-4%209v11h11.28a2%202%200%200%200%202-1.7l1.38-9a2%202%200%200%200-2-2.3zM7%2022H4a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2h3'%3e%3c/path%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer;margin:0 10px;transition:scale .5s ease-in-out}.postMessage{margin-left:10px;font-weight:400;color:var(--bright-accent)}.updatePost{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-edit'%3e%3cpath%20d='M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'%3e%3c/path%3e%3cpath%20d='M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z'%3e%3c/path%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer}.deletePost{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-trash-2'%3e%3cpolyline%20points='3%206%205%206%2021%206'%3e%3c/polyline%3e%3cpath%20d='M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2'%3e%3c/path%3e%3cline%20x1='10'%20y1='11'%20x2='10'%20y2='17'%3e%3c/line%3e%3cline%20x1='14'%20y1='11'%20x2='14'%20y2='17'%3e%3c/line%3e%3c/svg%3e");width:20px;height:20px;background-size:cover;cursor:pointer;margin-left:10px}.updatePost:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-edit'%3e%3cpath%20d='M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7'%3e%3c/path%3e%3cpath%20d='M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z'%3e%3c/path%3e%3c/svg%3e")}.deletePost:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-trash-2'%3e%3cpolyline%20points='3%206%205%206%2021%206'%3e%3c/polyline%3e%3cpath%20d='M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2'%3e%3c/path%3e%3cline%20x1='10'%20y1='11'%20x2='10'%20y2='17'%3e%3c/line%3e%3cline%20x1='14'%20y1='11'%20x2='14'%20y2='17'%3e%3c/line%3e%3c/svg%3e")}.deletePostConfirm{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.deleteConfirmationText{text-align:center}.deleteConfirmationBtns{display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (min-width: 768px){.updatePost,.deletePost,.postLiked,.likeBtnPost{width:25px;height:25px}.postText{padding:30px;font-size:1.1rem}.postUsername{font-size:1.3rem}.postImage{width:80%}}@media only screen and (min-width: 980px){.postText{padding:35px;font-size:1.2rem}.postImage{width:70%}}.addPostHeading{font-size:1.3rem;margin-bottom:10px}.addPostForm{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--dark-accent);padding:20px 0;width:100%}.addPostText{margin:10px 0}.addPostBtns{display:flex;flex-direction:row;margin-top:10px}input::file-selector-button{border-radius:8px;border:1px solid transparent;padding:.3em .6em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--darkest-grey);cursor:pointer;transition:border-color .25s}.error{text-align:center;font-size:1.5rem}@media only screen and (min-width: 768px){.addPostText{width:600px;height:80px;font-size:.9rem}.addPostBtn{font-size:1rem}}@media only screen and (min-width: 980px){.addPostText{width:800px}}.profilePage{display:flex;flex-direction:column;align-items:center;width:100vw;margin-top:110px}.profileHeading{font-size:1.5rem}.profileDetailsMain{background-color:var(--darkest-accent);width:100%;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.profileLink:hover{color:var(--bright-accent);cursor:pointer}.addFriends{margin:20px}.friendsContainer{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;text-align:center;background-color:var(--dark-grey)}.friendsHeading{font-size:1.2rem;font-weight:600}#addFriends{margin:20px}.seeProfileBtn{cursor:pointer;background-color:var(--bright-accent);color:var(--light);border-radius:10px;padding:5px 10px;margin:5px}.loggedOut{margin-top:110px;display:flex;flex-direction:column;text-align:center;height:100vh;width:100vw}@media only screen and (min-width: 768px){.loggedOut{margin-top:160px}}.updateProfile{display:flex;flex-direction:column;align-items:center;width:100vw;text-align:center;margin-top:110px}.currentProfileImage{width:200px;margin-bottom:20px}.updateProfileInputs{display:flex;flex-direction:column;align-items:center}.updateProfileLabel{font-size:1.1rem}.updateProfileInput{margin:10px;width:300px;padding:10px;font-size:1.2rem}.updateProfileBtn{margin:10px;width:300px}.accountUpdated{margin-top:110px;width:100vh;height:100vh;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.fileInputDiv{display:flex;flex-direction:row;align-items:center;justify-content:center}.fileInputLabel{margin:10px 0}#profileImage{margin:10px 0;padding-left:10px}@media only screen and (min-width: 768px){.updateProfile,.error{margin-top:160px}}.deleteAccount{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin-top:110px}.deleteAccountText{text-align:center;font-size:1.5rem}.deleteAccountBtns{display:flex;flex-direction:row}.confirmBtn,.cancelBtn{cursor:pointer;background-color:var(--bright-accent);color:#fff;border-radius:10px;padding:5px 10px;margin:5px;text-align:center}.confirmBtn:hover,.cancelBtn:hover{color:var(--mid-accent);background-color:var(--darkest-accent)}@media only screen and (min-width: 768px){.deleteAccount,.error{margin-top:160px}}.changePassword{display:flex;flex-direction:column;align-items:center;width:100vw;text-align:center;margin-top:110px}.changePasswordText{font-size:.8rem;font-style:italic}.changePasswordInputs{display:flex;flex-direction:column;align-items:center}.changePasswordInput{margin:10px;width:300px;padding:10px;font-size:1.2rem}.changePasswordBtn{margin:10px;width:300px}.passwordChanged{width:100vw;height:100vh;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;font-size:1.5rem}.error{margin-top:120px;text-align:center;font-size:1.5rem}@media only screen and (min-width: 768px){.changePassword,.error{margin-top:160px}}.loggedOut{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;text-align:center;margin-top:110px}.loggedOutText{margin:50px;font-size:2rem}.homeLink{font-size:1.5rem}@media only screen and (min-width: 768px){.loggedOut,.error{margin-top:160px}}nav{position:fixed;top:0;background-color:#000;font-size:1.2rem;height:100px;display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center;z-index:2}.mainMenu{display:flex;justify-content:space-around;align-items:center;margin:0;width:100%;padding:0}ul{list-style:none}li{margin:5px 0}.lowerNav{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center}.profileImage{width:40px;height:40px;border-radius:50px}.loggedInAs{text-align:center;font-size:.9rem}.logout{text-decoration:none;background-color:var(--bright-accent);border:1px solid transparent;color:var(--light);font-size:1rem;border-radius:10px;text-align:center;padding:5px 10px;height:25px;line-height:25px;transition:border-color .25s}.logout:hover{background-color:var(--dark-accent);border-color:var(--light-accent)}.addFriendsNavDiv{display:flex;flex-direction:row}.requestNotification{color:var(--light);background-color:var(--alert);width:20px;height:20px;border-radius:50px;text-align:center;margin-left:10px;font-size:.9rem;font-weight:500}@media only screen and (min-width: 768px){nav{height:150px}.lowerNav{margin-top:20px}.requestNotification{width:25px;height:25px}.profileImage{width:60px;height:60px}}@media only screen and (min-width: 980px){.lowerNav{margin-top:5px}.profileImage{width:80px;height:80px}}.feed{margin-top:110px;display:flex;flex-direction:column;align-content:center;justify-content:center;background-color:var(--darkest-grey);width:100vw}.feedHeading{text-align:center;width:100%;font-size:2rem}.noPosts{text-align:center;width:100%}@media only screen and (min-width: 768px){.feed,.error{margin-top:160px}}.usersList{margin-top:110px;width:100vw}.usersListHeading{font-size:1.8rem;font-weight:600;padding-top:20px;text-align:center}.userImage{width:200px;height:200px}.user{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;margin:20px;background-color:var(--light-grey)}.username{font-size:1.3rem;color:#000;margin-top:10px;margin-bottom:10px}.noUsers{width:100%;text-align:center}#seeProfileBtn,.addFriendBtn{width:200px}.addFriendBtn,#seeProfileBtn,.goBack{text-decoration:none;cursor:pointer;background-color:var(--bright-accent);color:var(--light);border-radius:10px;padding:5px 10px;margin:5px;text-align:center}.addFriendBtn:hover,#seeProfileBtn:hover,.goBack:hover{color:var(--light-accent);background-color:var(--dark-accent)}.goBack{position:fixed;bottom:0;right:0;margin:20px}@media only screen and (min-width: 768px){.usersList,.error{margin-top:160px}.goBack{font-size:1.2rem}}.friendRequests{display:flex;flex-direction:column;background-color:var(--darkest-accent);padding:10px;align-items:center}.request{display:flex;flex-direction:row;margin:10px 0;font-size:1.2rem;align-items:center}.requestDiv{display:flex;flex-direction:column;width:100%;align-items:center}.requestUserImage{width:70px;height:70px;border-radius:50px;margin-right:20px;cursor:pointer}.requestUsername{text-align:start;padding:10px;cursor:pointer;margin-top:5px;margin-bottom:5px}.requestsHeading{font-size:1.3rem;font-weight:400}.requestBtns{display:flex;flex-direction:row;justify-content:center;align-content:center;font-size:1.1rem}.requestAccept{margin-right:5px}.profilePage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;margin-top:110px}.profileHeading{font-size:1.5rem;text-align:center}.profileImageLarge{width:250px}.profileDetail{font-size:1rem;text-align:center;width:100%}.profileDetails{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:20px}.profileLink{font-size:1.2rem;font-weight:500;color:var(--light-accent);text-decoration:inherit;padding:10px;text-align:center}.profileLink:hover{color:var(--mid-accent);cursor:pointer}#addFriends{padding:0;margin:0}.friendsContainer{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;text-align:center}.friends{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;font-size:.9rem;border:1px solid var(--light-accent)}.friend{margin-left:10px;text-align:center;padding:10px}.profileOption{margin:0 20px}.seeProfileBtn{cursor:pointer;background-color:var(--mid-accent);color:var(--light);border-radius:10px;padding:5px 10px;margin:5px}.addFriendBtn{cursor:pointer;background-color:var(--bright-accent);color:var(--light);border-radius:10px;padding:5px 10px;margin:5px}.error{margin-top:110px;text-align:center;font-size:1.5rem}@media only screen and (min-width: 768px){.profilePage,.error{margin-top:160px}.profileDetails{font-size:1.2rem}}.updatePostDiv{display:flex;flex-direction:column;margin-top:110px;align-items:center;width:100vw}.updatePostHeading{font-size:1.5rem;margin-bottom:10px;font-weight:500}.updatePostImage{width:200px;margin-bottom:20px}.updatePostForm{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.updatePostText{margin:10px 0}.postImageInput{margin:30px 0}.updatePostSubmit{margin-bottom:20px}.postUpdated{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.postUpdatedHeading{text-align:center;font-size:1.5rem}input::file-selector-button{border-radius:8px;border:1px solid transparent;padding:.5em .8em;font-size:1.1em;font-weight:500;font-family:inherit;background-color:var(--darkest-accent);cursor:pointer;transition:border-color .25s}@media only screen and (min-width: 768px){.updatePostDiv,.error{margin-top:160px}}.updateCommentForm{display:flex;flex-direction:column;margin-top:110px;align-items:center;padding:20px 0;width:100vw;height:100vh}.updateCommentHeading{font-size:1.5rem;margin-bottom:20px;font-weight:500}.updateCommentImage{width:200px;margin-bottom:20px}.updateCommentText{margin:10px 0}.commentImageInput{margin:30px 0}input::file-selector-button{border-radius:8px;border:1px solid transparent;padding:.5em .8em;font-size:1.1em;font-weight:500;font-family:inherit;background-color:(--darkest-accent);cursor:pointer;transition:border-color .25s}input::file-selector-button:hover{border-color:var(--light-accent)}.updateCommentSubmit{margin-bottom:20px}.commentUpdated{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.commentUpdatedHeading{text-align:center;font-size:1.5rem}.error{margin-top:110px;text-align:center;font-size:1.5rem;width:100vw}@media only screen and (min-width: 768px){.updateCommentForm,.error{margin-top:160px}}body{width:100%}:root{width:100vw}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#f5f5f5;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;--alert: #ff0000cc;--light: #f5f5f5;--light-grey: #747373;--mid-grey: #575656;--dark-grey: #444444;--darkest-grey: #1b1b1b;--light-accent: #646cff;--mid-accent: #2933f0;--bright-accent: #01088f;--dark-accent: #161946;--darkest-accent: #00001a}.link{font-weight:500;color:var(--light-accent);text-decoration:inherit;cursor:pointer}.link:hover{color:var(--mid-accent)}body{margin:0;padding:0;place-items:center;width:100vw;min-height:calc(100vh - 100px)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media only screen and (min-width: 768px){:root{font-size:17px}body{min-height:calc(100vh - 150px)}}@media only screen and (min-width: 980px){:root{font-size:18px}}