.modal{z-index:100;position:fixed;top:22vh;left:10%;width:80%;background:#fff;box-shadow:0 2px 8px #00000042;border-radius:1em;overflow:hidden}.modal__header{padding:1rem .5rem;background:#e13232;color:#fff;padding-left:1em}.modal__header h2{margin:.5rem}.modal__content{padding:1rem .5rem;padding-bottom:.5em}.terms-and-conditions-modal-text{margin-inline:20px;font-weight:500;text-align:left}.decline-terms-button{text-decoration:none;color:#fff}@media (min-width: 768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{transform:translateY(-10rem);opacity:0}.modal-enter-active{transform:translateY(0);opacity:1;transition:all .2s}.modal-exit{transform:translateY(0);opacity:1}.modal-exit-active{transform:translateY(-10rem);opacity:0;transition:all .2s}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000bf;z-index:10}.backdrop p{position:fixed;font-weight:800;left:96%;top:10%;transform:translate(-50%,-50%);color:#c8c8c8;border:1px solid rgb(200,200,200);padding:.25em .5em;border-radius:5px;cursor:pointer}.backdrop p:hover{color:#fff;border-color:#fff;transition-duration:.25s}.backdrop-enter{opacity:0}.backdrop-enter-active{opacity:1;transition:all .2s cubic-bezier(.83,0,.17,1)}.backdrop-exit{opacity:1}.backdrop-exit-active{opacity:0;transition:all .2s cubic-bezier(.83,0,.17,1)}.logo{width:200px}.NavBar{width:100%;height:4.5em;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;background:#d9ac59;box-shadow:0 2px 6px #00000042;z-index:15}.main-navigation__menu-btn{width:3rem;height:3rem;background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer;margin-right:1em;margin-top:auto;margin-bottom:auto;background-color:#ffffff40;padding-inline:0}.main-navigation__menu-btn:focus{outline:none}.main-navigation__menu-btn span{display:block;width:2rem;height:2px;background:#fff;margin-inline:auto}.main-navigation__title{color:#fff;text-align:left;font-size:150%;margin-right:auto;margin-left:1rem}.main-navigation__title a{text-decoration:none;color:#fff}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:100%}.main-navigation__drawer-nav .nav-links{display:flex;flex-direction:column;gap:1em}@media (min-width: 945px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:flex;flex-direction:row;margin-left:auto}.navBar{justify-content:space-between}}.nav-links{list-style:none;margin:0;margin-right:2rem;padding:0;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.nav-links li{margin:.5rem;white-space:nowrap;position:relative}.nav-links a{border-radius:.5em;border:1px solid transparent;color:#292929;text-decoration:none;padding:.5rem;transition:.25s;-webkit-user-select:none;user-select:none}.nav-links a:hover,.nav-links a:active,.nav-links a.active{padding:.5rem 1rem;background:#012340;border-radius:.5em;color:#fff;cursor:pointer}.nav-links button{cursor:pointer;border:1px solid #292929;color:#292929;background:transparent;padding:.5rem;font:inherit}.nav-links button:focus{outline:none}.nav-links button:hover,.nav-links button:active{background:#54a1bf;color:#fff}.notifications{margin-left:.1em;padding-inline:.7em;padding-top:.25em;padding-bottom:.25em;border-radius:50%;background-color:#54a1bf;color:#fff}@media (max-width: 945px){.nav-links li{margin-inline:.25em}}@media (max-width: 815px){.nav-links{margin-inline:auto}}.ProfileOptionsDropdownMenu{position:absolute;right:0;top:175%;background-color:#fff;border:1px solid black;border-radius:1em;padding-inline:1em;overflow:hidden;-webkit-user-select:none;user-select:none;padding-top:.5em;padding-bottom:.5em;gap:5px;display:flex;flex-direction:column;justify-content:space-evenly}@media (max-width: 944px){.ProfileOptionsDropdownMenu{position:relative;top:10px;right:0;border:0px;background-color:#0000;padding-left:0;padding-right:0}.ProfileOptionsDropdownMenu li{margin-inline:auto}#ProfileDropdownMenuBtn{margin-inline:100px}}.ProfileOptionsDropdownMenuTransition-enter{height:0}.ProfileOptionsDropdownMenuTransition-enter-active{height:110px;transition:all .2s ease-out}.ProfileOptionsDropdownMenuTransition-exit{height:110px}.ProfileOptionsDropdownMenuTransition-exit-active{opacity:0;height:0%;transition:all .2s ease-out}.ProfileOptionsDropdownMenu li{list-style:none}.ProfileOptionsDropdownMenu li a:hover{padding:8px}@property --profile-dropdown-menu-height{syntax: "<length>"; inherits: false; initial-value: 75px;}.AccountSettingsDropdownMenu{position:absolute;right:0;top:175%;background-color:#fff;border:1px solid black;border-radius:1em;padding-inline:1em;overflow:hidden;-webkit-user-select:none;user-select:none;padding-top:.5em;padding-bottom:.5em;gap:5px;display:flex;flex-direction:column;justify-content:space-evenly}#AccountDropdownUsername a{color:var(--light-blue)}#AccountDropdownUsername a:hover{cursor:default;background-color:#fff0;color:var(--light-blue)}@media (max-width: 944px){.AccountSettingsDropdownMenu{position:relative;top:10px;right:0;border:0px;background-color:#0000;padding-left:0;padding-right:0}.AccountSettingsDropdownMenu li{margin-inline:auto}#AccountDropdownUsername{display:none}}.AccountSettingsDropdownMenuTransition-enter{height:0}.AccountSettingsDropdownMenuTransition-enter-active{height:var(--profile-dropdown-menu-height);transition:all .2s ease-out}.AccountSettingsDropdownMenuTransition-exit{height:var(--profile-dropdown-menu-height)}.AccountSettingsDropdownMenuTransition-exit-active{opacity:0;height:0%;transition:all .2s ease-out}.AccountSettingsDropdownMenu li{list-style:none}.AccountSettingsDropdownMenu li a:hover{padding:8px}.side-drawer{position:fixed;right:0;top:0;z-index:100;height:100vh;width:350px;background:#fff;box-shadow:0 2px 8px #00000042;transition:width .2s ease-in-out}.side-drawer-enter{transform:translate(20em)}.side-drawer-enter-active{transform:translate(0);transition:all .2s ease-in-out}.side-drawer-exit{transform:translate(0)}.side-drawer-exit-active{transform:translate(20em);transition:all .2s ease-in-out}@media (max-width: 525px){.side-drawer{width:65dvw}}@media (min-width: 944px){.side-drawer{display:none}}.landingSection{background-size:cover;background-position:center;width:100%;height:70vh;display:flex;align-content:center;justify-content:center}.landingShapeContainer{background-color:#ffffff80;width:50vw;height:30vh;min-height:230px;min-width:575px;max-width:750px;margin:auto;display:flex;text-align:start;padding-left:5rem;border-radius:5rem 3rem 5rem .5rem;animation:.75s ease-in-out 0s 1 slideUp;box-shadow:10px 10px 20px 5px #0000004d;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.landingHeader{margin:auto 0}.landingWelcomeText{margin-top:0;color:var(--dark-blue);font-weight:300}.landingTitle{margin:.4em 0 .2em}.landingSubtitle{margin-bottom:1.5em;margin-right:4em;color:#2d2d2d}.loginButton{margin-right:.5em;margin-top:.5em}.signupButton{margin-top:.5em}.section{display:flex;flex-direction:column;margin:2em auto;max-width:1000px;justify-content:start;align-items:start}.connectDiscoverShare{margin-top:2rem;width:100%;display:flex;flex-direction:row;justify-content:space-between}.homeCard{text-align:left;max-width:250px}.cardParagraph{line-height:1.5rem;font-weight:200;color:#2d2d2d}@media (max-width: 1170px){.section{margin:2em 5em}}@media (max-width: 915px){.connectDiscoverShare{flex-direction:column}.section{align-items:start;text-align:left}.section h2{text-align:left}.homeCard{max-width:400px}}@media (max-width: 728px){.landingWelcomeText{font-size:1em}.landingTitle{font-size:2em}.landingSubtitle,.loginButton,.signupButton{font-size:.75em}.landingShapeContainer{min-width:275px;padding-left:3rem;padding-right:1.5rem;height:200px}}.ProfilePage{height:100%}.ProfileTopSection{padding-top:2em;padding-bottom:2em;display:flex;justify-content:space-between;margin-inline:auto;max-width:1200px;width:75dvw}.LeftProfileCard{animation:.75s ease-in-out 0s 1 slideUp}.RightQuoteAndMusic{font-style:italic;width:30vw;animation:.75s ease-in-out 0s 1 slideUp;z-index:0}.TopFriendsSection{padding-bottom:2em;display:flex;flex-direction:column;justify-content:space-between;margin-inline:auto;max-width:1200px;width:75dvw}.TopFriendsSection h2{margin-bottom:.75em}.TopFriendsContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,3fr));gap:15px}.UserPostsContainer{display:flex;justify-content:center;z-index:1}.RightQUoteAndMusic body{height:150px}iframe{height:250px;margin-bottom:-100px}.button-primary a,.button-primary a:hover{color:#fff}.TitleAndButton button{margin-top:0}.TitleAndButton{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1em}.PreviewTopSection{display:flex;justify-content:center}.PreviewModeButtons{display:flex;gap:1em;top:4.5em;position:fixed;font-size:.75em}.ellipsis{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis steps(4,end) .9s infinite;animation:ellipsis steps(4,end) 1.5s infinite;content:"…";width:0px}.ProfileInfo h3{font-style:italic}@media (max-width: 1000px){.ProfileTopSection{flex-direction:column;align-items:center;gap:1em;padding-left:2em;padding-right:2em}.RightQuoteAndMusic{width:100%;max-width:525px}.TopFriendsSection{margin-top:-3em}iframe{margin-bottom:-3em}}@media (max-width: 954px){.TopFriendsContainer{grid-template-columns:repeat(auto-fill,minmax(250px,3fr))}}@media (max-width: 728px){.LeftProfileCard{font-size:85%}.TopFriendsContainer{grid-template-columns:repeat(auto-fill,minmax(200px,3fr))}}@media (max-width: 430px){.LeftProfileCard{font-size:75%}.LoadMoreButton{margin-bottom:2em;width:50%}@media (max-width: 400px){.ProfileInfo h5{margin-top:.25em;margin-bottom:.25em}}iframe{margin-bottom:-50px}}@keyframes slideUp{0%{transform:translateY(15%);opacity:0}to{transform:translateY(0);opacity:100}}@keyframes ellipsis{to{width:1em}}.UserProfileCard{display:flex;flex-direction:column;border-radius:10px;min-width:25em;max-width:35em}.ImageAndInfo{display:flex;flex-direction:row}.ProfileInfo{margin-left:.5em;display:flex;flex-direction:column;justify-content:start}.ProfileCardImage{background-color:var(--yellow);width:200px;height:200px;object-fit:cover;border-radius:1em}.ProfileInfo div{margin-left:.5em;margin-top:auto;margin-bottom:.25em;display:inline}.ProfileInfo div:nth-of-type(1){display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;margin-left:0}.ProfileInfo h5{font-weight:750}.NameAndBadge{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:10px;width:100%}.NameAndBadge h1{margin:0;width:fit-content;box-sizing:border-box;padding:0;white-space:wrap}.ProfileCardBadgeImage{width:35px;height:35px;object-fit:cover;border-radius:1em;margin-right:auto}.ProfileCardBadgeImage-small{width:20px;height:20px}.ProfileCardBadgeImage-tiny{width:10px;height:10px}span{font-weight:400}.loading-spinner__overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:2}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-dual-ring{z-index:3;width:56px;height:56px;border-radius:50%;background:radial-gradient(farthest-side,#54a1bf 94%,#0000) top/9px 9px no-repeat,conic-gradient(#0000 30%,#54a1bf);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);animation:spinner-c7wet2 1s infinite linear;mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0)}@keyframes spinner-c7wet2{to{transform:rotate(1turn)}}.UserPosts{display:flex;flex-direction:column;justify-content:center;max-width:1200px;width:75dvw}.ImageContainer{max-width:200px;max-height:200px;width:100%;height:100%;aspect-ratio:1;border-radius:1em;overflow:hidden;cursor:grab}.NoImage{display:none}.UserPosts img{margin-bottom:-4px;object-fit:cover}.UserPosts p{margin-bottom:.5em;margin-top:0}.UserPosts p{line-height:1.5em;font-weight:200;margin-right:3em}.Post{display:flex;flex-direction:row;gap:2em;border:.5px solid #012340;padding:1em;border-radius:1em;box-shadow:12px 12px 0 1px #d9ac59;margin-bottom:3em;transition:all .5s ease;position:relative}.PostText h4{margin-bottom:.5em;color:#012340;cursor:pointer;display:flex;margin-right:auto}.PostText{display:flex;flex-direction:column;width:100%}.LoadMoreButton{margin-bottom:2em;width:25%}.TimeStamp{font-size:.85em;color:#1b618c;margin-top:auto}.TimeStampAndDelete{display:flex;flex-direction:row;justify-content:space-between}.DeletePost{cursor:pointer}.ExpandedPost{height:25em}.PostOptions{display:flex;flex-direction:row;gap:1em}.PostAuthor{display:inline-flex;flex-direction:row;gap:5px;margin-bottom:12px}.PostAuthor img{width:2em;height:2em;border-radius:50%;cursor:pointer}.PostAuthor img:nth-of-type(2){width:15px;height:15px;align-self:center}.PostAuthor h3{padding-top:4px;cursor:pointer;align-self:center}@media (max-width: 775px){.ImageContainer{align-self:center;max-width:600px;max-height:600px;width:100%;height:100%}.Post{position:relative;flex-direction:column}}@media (max-width: 430px){.UserPosts{margin:0 .5em;max-width:90%}.UserPosts img{max-width:100%}.Post{max-width:90%;min-width:90%}}.LandscapeImage{width:auto;height:100%;max-width:1000px}.PortraitImage{width:100%;height:auto;max-height:1000px}.PostModal{width:85%;height:100%;max-width:50em;max-height:75dvh;top:15%;left:0;right:0;margin:0 auto;border:.5px solid #012340;padding:1em;border-radius:1em;box-shadow:12px 12px 0 1px #d9ac59;position:fixed;z-index:100;overflow:scroll;scrollbar-width:none}.DeletedPostModal{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:auto;margin-bottom:auto;background-color:#fff;color:#012340;box-shadow:12px 12px 0 1px #d9ac59}.deleted-post-text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:auto;margin-bottom:auto;margin-inline:20px}.PostModalInnerBox{position:relative;padding:0}.PostModalImageContainer{max-width:50em;max-height:25em;margin-bottom:10px;display:flex;justify-content:center}.PostModal .LandscapeImage{width:100%;height:auto;border-radius:1em;object-fit:cover}.PostModal .PortraitImage{background-color:#282828;max-height:100%;border-radius:1em;object-fit:contain}.PostModal h3{margin-top:.5em;margin-bottom:.5em;margin-left:0}.PostModal h4{margin-top:.75em}.PostModal .Comments h4{margin-top:.5em;margin-bottom:.5em}.PostModal h5{color:gray;margin:0;font-weight:300}.CommentForm{width:100%;margin-top:1em;display:flex;flex-direction:column;position:relative}.CommentForm button{margin-top:.5em}.CommentForm textarea{width:100%;field-sizing:normal;resize:none;padding:1em;border-radius:.5em;box-sizing:border-box}.PostModalScrollable .PostText h4{cursor:default;margin-top:0}.PostModal .TimeStamp{margin-bottom:.25em}.PostModal-enter{transform:translateY(10rem);opacity:0}.PostModal-enter-active{transform:translateY(0);opacity:1;transition:all .2s cubic-bezier(.83,0,.17,1)}.PostModal-exit{transform:translateY(0);opacity:1}.PostModal-exit-active{transform:translateY(10rem);opacity:0;transition:all .2s cubic-bezier(.83,0,.17,1)}.TranslateCaption{cursor:pointer}h4.TranslatedTitle{margin-top:0;font-size:1em;font-style:italic}p.TranslatedCaption{margin-top:0;font-style:italic}#AddComment{display:flex;margin-left:auto;gap:10px}.deleteModal{z-index:100;position:fixed;top:22vh;left:10%;width:80%;background:#fff;box-shadow:0 2px 8px #00000042;border-radius:8px;overflow:hidden}.deleteModal__header{padding:1em;background:#e13232;color:#fff}.deleteButtons{display:flex;flex-direction:row;gap:1em;margin-left:1em;margin-bottom:1em}.deleteButtons button{margin-top:0}.deleteModal__content{padding:1em}.modal__footer{padding:1rem .5rem}#ConfirmDeleteAccountForm{display:flex;flex-direction:column;margin-bottom:.5em}#ConfirmDeleteAccountForm label{font-style:italic}#ConfirmDeleteAccountForm input{margin-top:.25em;box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;max-width:100%;max-height:300px;box-sizing:border-box;letter-spacing:.1em}@media (min-width: 768px){.deleteModal{left:calc(50% - 20rem);width:40rem}}.deleteModal-enter{transform:translateY(5rem);opacity:0}.deleteModal-enter-active{transform:translateY(0);opacity:1;transition:all .2s cubic-bezier(.83,0,.17,1)}.deleteModal-exit{transform:translateY(0);opacity:1}.deleteModal-exit-active{transform:translateY(5rem);opacity:0;transition:all .2s cubic-bezier(.83,0,.17,1)}.CommentText{margin-top:.25em;margin-bottom:.25em}.Comment img{width:40px;height:40px;object-fit:contain;border-radius:50%}.CommentUsernameAndText img{width:12px;height:12px;align-self:center}.CommentUsernameAndText div{gap:5px}.Comment{display:flex;flex-direction:row;gap:1em}.Comments hr{border:0;border-top:1px solid rgb(225,225,225)}.DeleteComment{margin-left:auto;margin-bottom:auto;margin-right:1em;border:1px solid black;border-radius:25%;padding:.1em .25em .25em;background-color:#ffffff40;transition-duration:.25s}.DeleteComment:hover{cursor:pointer;background-color:#e1e1e180}.TranslateComment{margin-top:.5em;font-size:.85em;color:#1b618c;cursor:pointer}.TranslatedComment{font-size:.9em;font-style:italic}.ProfilePageTopFriendCard{display:flex;flex-direction:row;min-width:250px;max-width:700px;flex-basis:250px;flex-grow:1;gap:1em;padding:1em;border:1px solid black;border-radius:1em;box-shadow:6px 6px 0 1px #d9ac59}.ProfilePageTopFriendCardInfo{display:flex;flex-direction:column}.ProfilePageTopFriendCardInfo h4{cursor:pointer}.ProfilePageTopFriendCardInfo p{margin-bottom:0;margin-top:5px}.ProfilePageTopFriendCardImage{max-width:100px;max-height:100px;border-radius:1em;cursor:pointer}.ProfilePageTopFriendCardButton .button-small{margin-top:10px}@media (max-width: 954px){.ProfilePageTopFriendCard{min-width:100px}}@media (max-width: 728px){.ProfilePageTopFriendCard{font-size:small}}.PageNotFoundContainer{width:clamp(15rem,30dvw,50rem);display:flex;flex-direction:column;justify-content:center;border:1px solid #012340;border-radius:1em;padding:3em;margin:3em auto;box-shadow:12px 12px 0 1px var(--yellow);position:relative;animation:.75s ease-in-out 0s 1 slideUp}.PageNotFoundContainer button{margin-top:0;width:100%}.PageNotFoundContainer a{margin-top:1em}.FormContainer{width:clamp(15rem,30dvw,50rem);display:flex;flex-direction:column;justify-content:center;border:1px solid #012340;border-radius:1em;padding:3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;position:relative;animation:.75s ease-in-out 0s 1 slideUp}.FormContainer h2{margin-bottom:1em}.caption-text-area{display:flex;flex-direction:column;position:relative}.NewPostForm{position:relative;display:flex;flex-direction:column}#caption{margin:0}.NewPostForm input,.NewPostForm textarea{margin-bottom:2em;box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;max-width:100%;max-height:300px;box-sizing:border-box;resize:none}.NewPostForm label{margin-bottom:.5em}.image-upload.center{display:flex;justify-content:center;align-items:center;flex-direction:column}.image-upload__preview{width:100%;aspect-ratio:1;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:1em;position:relative}.image-upload__preview-uploaded{width:100%;border:none;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;border-radius:1em}.reactEasyCrop_Container{border-radius:1em}.PortraitImage{width:100%;aspect-ratio:2/3}.LandscapeImage{height:100%;aspect-ratio:3/2}.button{margin-bottom:1.5em}.ImageUpload h4{margin-top:.5em}.SquareAspect{width:100%;aspect-ratio:1}.CroppedImagePreview{width:100%}.ProfileUploadPreview{margin-top:1.5em;width:100%}div.ProfilePictureSubmitButton{display:flex;flex-direction:row}.NoCropConfirm{margin:0 0 .5em;color:red}.RegularImagePreview{object-fit:cover;aspect-ratio:auto}.LoginForm{width:clamp(15rem,25vw,50rem);display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp;position:relative}.LoginForm div,.LoginForm form{display:flex;flex-direction:column}.LoginForm label{margin-bottom:.25em}.LoginForm a{margin-top:1em;align-self:center}.UsernameLabel{margin-top:1em}.PasswordLabel{margin-top:1.5em}.LoginForm input{box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;max-width:100%;max-height:300px;box-sizing:border-box}.ForgotPasswordButton{font-size:.75em;margin-left:auto}p.NoInput{color:red;font-weight:200}button{margin-top:1.5em}.SignupForm{width:clamp(15rem,25vw,50rem);position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp}.SignupForm input{box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;max-width:100%;max-height:300px;box-sizing:border-box;letter-spacing:.1em}.SignupForm a{margin-top:1.5em;align-self:center}.SignupForm input[type=radio]{box-shadow:0 0 red;border-radius:.5em;line-height:2em;border:1px solid #012340;max-width:100%;max-height:300px;box-sizing:border-box;letter-spacing:.1em}.SignupForm form,.SignupForm div{display:flex;flex-direction:column}.SignupForm label{margin-bottom:.25em}.SignupForm h1{font-size:250%}.SignupForm h3{margin-top:1em}.SignupForm label{margin-top:1.5em}.SignupForm label:nth-of-type(2){margin-top:1em}#buttons{display:flex;flex-direction:row;justify-content:space-between}#termsCheckbox{box-shadow:none;margin-right:10px}#hiddenNameCheckbox{box-shadow:none}#visitedVietnamLabel{margin-top:2em}#visitedVietnamRadioButtons{display:block}#visitedVietnamRadioButtons input{margin:.25em}#vietnameseProficiencyButtons{display:block}#vietnameseProficiencyButtons input{margin:.25em}#FavoriteDish{margin-top:.75em}.SignupForm h4{font-style:italic;color:#d9ac59}.EditProfilePage{width:clamp(15rem,25vw,50rem);position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp}.EditProfilePage input,.EditProfilePage textarea{box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;max-width:100%;max-height:300px;box-sizing:border-box;letter-spacing:.1em}.EditProfilePage textarea{letter-spacing:0em}.EditProfilePage input[type=radio]{box-shadow:0 0 red;border-radius:.5em;line-height:2em;border:1px solid #012340;max-width:100%;max-height:300px;box-sizing:border-box;letter-spacing:.1em}.EditProfilePage form{display:flex;flex-direction:column}.EditProfilePage aside{font-weight:100;font-style:italic}.EditProfilePage div{display:flex;flex-direction:column}.EditProfilePage label{margin-bottom:.25em}.EditProfilePage h1{font-size:250%}.EditProfilePage h3{margin-top:1em;margin-left:0}.EditProfilePage label{margin-top:1.5em}.EditProfilePage label:nth-of-type(2){margin-top:.25em}#buttons{display:flex;flex-direction:row;gap:1em}.NoInput p,.NoInput ul{color:red;font-weight:200}.NoInput p{margin-bottom:0}.NoInput ul{margin-top:.25em}.InlineSkip{cursor:pointer}div.ColorPickers{display:flex;flex-direction:row;gap:1em}.ColorPickers button{margin-top:0;font-size:.75em}input.NoInput{outline:2px solid red}.StatusQuoteCounter{margin-left:auto;margin-top:.25em}button{margin-top:2em}@keyframes slideUp{0%{transform:translateY(10%);opacity:0}to{transform:translateY(0);opacity:100}}.AllPostsContainer{margin-top:3em;display:flex;justify-content:center}.AllPostsContainer h1{margin-bottom:.5em;animation:.75s ease-in-out 0s 1 slideIn}.AllPostsContainer .Post{animation:.75s ease-in-out 0s 1 slideIn}@keyframes slideIn{0%{transform:translate(-15%);opacity:0}to{transform:translate(0);opacity:100}}.AllUsersPage{margin-top:3em;margin-bottom:40px;position:relative;max-width:35em;min-width:25em;margin-inline:auto;display:flex;flex-direction:column}.AllUsersPage h1{margin-bottom:.5em}.AllUsersPage .ImageAndInfo{display:flex;flex-direction:row;gap:1em;border:.5px solid #012340;padding:1em;border-radius:1em;box-shadow:6px 6px 0 1px #d9ac59;margin-bottom:1em;align-items:center;position:relative}.AllUsersPage .ProfileCardImage{max-width:75px;max-height:75px;cursor:pointer}.AllUsersPage h3{font-weight:550}.AllUsersPage h5{margin:.1em}@media (max-width: 580px){.AllUsersPage{width:90%;font-size:75%}.AllUsersPage .ProfileCardImage{max-width:60px;max-height:60px}}.NotificationsPage{margin-top:3em;margin-bottom:40px;position:relative;max-width:35em;min-width:25em;margin-inline:auto;display:flex;flex-direction:column}.NotificationsPage h1{margin-bottom:.5em}.NotificationsPage .ImageAndInfo{display:flex;flex-direction:row;gap:1em;border:.5px solid #012340;padding:1em;border-radius:1em;box-shadow:6px 6px 0 1px #d9ac59;margin-bottom:1em;align-items:center;position:relative}.NotificationsPage .ProfileCardImage{max-width:75px;max-height:75px;cursor:pointer}.NotificationsPage h2{margin-bottom:.25em}.NotificationsPage h3{font-weight:550}.NotificationsPage h5{margin:.1em}.NotificationsPage button{margin-top:0;margin-left:.5em;padding-inline:1em;font-size:.8em}.NotificationFriendRequestButtons{display:flex;flex-direction:column;gap:.5em;margin-left:auto;margin-right:1em}.notification-comment{margin-top:5px;margin-bottom:5px}@media (max-width: 580px){.NotificationsPage{width:90%;font-size:75%}.NotificationsPage .ProfileCardImage{max-width:60px;max-height:60px}}.ResetPasswordForm{width:clamp(15rem,25vw,50rem);display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp;position:relative}.ResetPasswordForm h2,.ResetPasswordForm p{font-weight:300}.ResetPasswordForm form{display:flex;flex-direction:column}.ResetPasswordForm label{margin-bottom:.25em}.ResetPasswordForm label:nth-of-type(2){margin-top:1em}.ResetPasswordForm label:nth-of-type(3){margin-top:1em}.ResetPasswordForm a{margin-top:2em}.ResetPasswordForm input{box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;width:100%;max-width:100%;max-height:300px;box-sizing:border-box;padding-left:.5em}#PasswordResetSuccess{color:green;font-weight:600}.ForgotPasswordForm{width:clamp(15rem,25vw,50rem);display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp;position:relative}.ForgotPasswordForm h2,.ForgotPasswordForm p{font-weight:300}.ForgotPasswordForm form{display:flex;flex-direction:column}.ForgotPasswordForm label{margin-bottom:.25em}.ForgotPasswordForm a{margin-top:2em}.ForgotPasswordForm input{box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;width:100%;max-width:100%;max-height:300px;box-sizing:border-box;padding-left:.5em}.ForgotPasswordConfirmation{margin-top:0;margin-bottom:0}.ForgotPasswordConfirmation span{font-weight:700;color:#1b618c}@property --dropdown-menu-height{syntax: "<length>"; inherits: false; initial-value: 117px;}.FriendCard{display:flex;flex-direction:row;min-width:300px;max-width:700px;flex-basis:300px;flex-grow:1;gap:1em;padding:1em;border:1px solid black;border-radius:1em;box-shadow:6px 6px 0 1px #d9ac59}.FriendCardInfo{display:flex;flex-direction:column}.FriendCardInfo p{margin-bottom:0;margin-top:5px}.FriendCardImage{max-width:100px;max-height:100px;border-radius:1em}.FriendCardButton .button-small{margin-top:10px}button.RemoveTopFriend{background-color:#00000040;padding:1px 2px 2px;margin-left:auto;margin-bottom:auto;margin-top:0;border-radius:.25em;transition:all .25s;font-size:small}.TopFriendCard{background-color:#d9ac5929}.FriendOptionsDropdown{margin-left:auto;margin-bottom:auto;position:relative}.FriendOptionsDropdown button{background-color:#00000040;padding-top:1px;padding-bottom:4px;margin-left:auto;margin-bottom:auto;margin-top:0;border-radius:.25em;transition:all .25s;padding-inline:9px}.FriendOptionsDropdown button:hover{border:1px solid gray}.FriendOptionsDropdown button:focus{outline:0px solid white}.FriendOptionsDropdown button div{margin-top:3px;border-radius:1px;height:2px;width:3px;background-color:#fff;line-height:3px;scale:400% 100%}.FriendOptionsDropdownMenu{position:absolute;display:flex;flex-direction:column;justify-content:space-evenly;min-width:100px;padding:10px;top:110%;right:0;background-color:#fff;border:1px solid black;border-radius:.25em;z-index:1000;white-space:nowrap;height:var(--dropdown-menu-height);overflow:hidden}.FriendOptionsDropdownOption p{display:block;padding:10px;margin:0}.FriendOptionsDropdownOption:hover{background-color:#012340;color:#fff;cursor:pointer;border-radius:5px}.FriendOptionsDropdownMenuTransition-enter{height:0}.FriendOptionsDropdownMenuTransition-enter-active{height:var(--dropdown-menu-height);transition:all .2s ease-out}.FriendOptionsDropdownMenuTransition-exit{height:var(--dropdown-menu-height)}.FriendOptionsDropdownMenuTransition-exit-active{opacity:0;height:0%;transition:all .2s ease-out}@media (max-width: 390px){.FriendCard{min-width:100px}}.FriendsListPage{display:flex;width:75dvw;max-width:1200px;margin:3em auto 40px;justify-content:center;align-items:center}.FriendsListOuterContainer{display:block;width:100%}.FriendsListContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,3fr));gap:15px}.FriendsListHeader{display:flex;justify-content:space-between;align-items:end;gap:10px}.FriendsListHeader h4{margin-bottom:10px}.TopFriendsCounter{border:1px solid black;box-shadow:3px 3px 0 1px #d9ac59;padding:10px;border-radius:10px;background-color:#d9ac5929}@media (max-width: 736px){.FriendsListHeader{font-size:small}}@media (max-width: 606px){.FriendsListPage{margin-top:20px;display:flex;width:90dvw}.YourFriends{font-size:2em}.TopFriendsCounter{font-size:1em}}@media (max-width: 400px){.FriendsListContainer{grid-template-columns:repeat(auto-fill,minmax(200px,3fr))}}.AccountSettings{width:clamp(15rem,35dvw,50rem);position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp}.AccountSettings h1{margin-bottom:.25em}.AccountSettings hr{width:100%;margin-bottom:0}.AccountSettings h2{font-weight:350;margin-top:.5em;margin-left:0}.AccountSettings h4{font-size:large;margin-top:.75em;margin-bottom:.5em;color:var(--medium-blue);transition:all .1s ease-in-out;border-radius:.55em;padding-top:.25em;padding-bottom:.25em;max-width:fit-content}.AccountSettings h4:first-of-type{margin-top:0}.AccountSettings h4:last-of-type{margin-bottom:0}.AccountSettings h4:hover{background-color:var(--dark-blue);color:#fff;padding-inline:.75em;cursor:pointer}.AccountSettingsOptions{list-style:none;margin:0;padding-left:0}.AccountSettings ul{margin-left:1em}.AccountSettingsOptions li{margin-top:.5em;margin-bottom:.5em}#DeleteAccountBtn{margin-top:1em;color:var(--danger)}#DeleteAccountBtn:hover{color:#fff;background-color:var(--danger)}.ChangeNameFormContainer{overflow:hidden}.ChangeNameFormContainer form{display:flex;flex-direction:column}.ChangeNameFormContainer h1,.ChangeNameFormContainer label{margin-bottom:.25em}.ChangeUsernameFormContainer{overflow:hidden}.ChangeUsernameFormContainer form{display:flex;flex-direction:column}.ChangeUsernameFormContainer h1,.ChangeUsernameFormContainer label{margin-bottom:.25em}.ChangePasswordFormContainer form{display:flex;flex-direction:column}.ChangePasswordFormContainer h1,.ChangePasswordFormContainer label{margin-bottom:.25em}#NewPasswordLabel,#ConfirmNewPasswordLabel{margin-top:1em}.ChangeEmailAddressFormContainer{overflow:hidden}.ChangeEmailAddressFormContainer form{display:flex;flex-direction:column}.ChangeEmailAddressFormContainer h1,.ChangeEmailAddressFormContainer label{margin-bottom:.25em}#NewEmailAddressLabel,#ConfirmNewEmailAddressLabel{margin-top:1em}.terms-container,.privacy-policy-container{padding:20px;max-width:800px;margin:0 auto}.footer{display:flex;flex-direction:row-reverse;gap:10px;background-color:#d9ac59;color:#000;text-align:left;box-sizing:border-box;bottom:0;width:100%;height:50px;align-items:center;padding-inline:20px}.footer a{color:#000;text-decoration:none}.footer a:hover{text-decoration:underline}.badge-page{display:flex;flex-direction:column;max-width:75dvw;margin-inline:auto;margin-top:40px;margin-bottom:40px;gap:25px}.badge-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;align-items:left;gap:25px}.badge-container h2{margin:0}.badge-container img{max-width:200px;max-height:200px}.badge-item{display:flex;flex-direction:row;padding:15px;border:1px solid #012345;border-radius:1em;flex-basis:500px;flex-grow:1;box-shadow:12px 12px 0 1px #d9ac59}.badge-item-text{display:flex;flex-direction:column;justify-content:center;margin-left:20px}@media (max-width: 944px){.badge-container img{max-width:150px;max-height:150px}}@media (max-width: 580px){.badge-item{flex-direction:column;gap:20px}.badge-item img{align-self:center}}#root{justify-self:center;width:100%;margin:0;text-align:start;display:flex;justify-content:start;flex-direction:column}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.error{color:red;font-weight:200;margin-bottom:0}.success{color:green;font-weight:200;margin-bottom:0}main{display:block;margin-top:4.5em;min-height:calc(100dvh - 4.5em)}.InputLengthCounter{margin-left:auto;margin-top:.25em}.EditVisitedVietnamRadioSelectorButtons{width:10px}:root{font-family:Public Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color-scheme:light;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-blue: #012340;--medium-blue: #1b618c;--light-blue: #54a1bf;--orange: #cb6944;--yellow: #d9ac59;--danger: rgb(225, 50, 50)}a{font-weight:500;color:#54a1bf;text-decoration:inherit;transition-duration:.25s}a:hover{color:#1b618c;cursor:pointer}body{margin:0;display:flex;min-width:320px;min-height:100dvh;height:100%;color:#012340}h1{font-size:3.2em;line-height:1.1;margin:5px 0;display:inline-block}h2{font-weight:500;margin:2px}h3{font-weight:400;margin:2px;color:var(--yellow)}h4{font-size:1.5em;font-weight:500;margin:0}h5{font-weight:400;margin:.5em .5em .5em 0}input,textarea{font-size:16px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--dark-blue);color:#fff;cursor:pointer;transition:opacity .25s}.button-group-horizontal{display:flex;flex-direction:row;gap:10px;justify-content:center}.button-primary{background-color:var(--medium-blue);color:#fff}.button-primary:disabled{opacity:.5;cursor:default}.button-secondary{background-color:var(--light-blue);color:#fff}.button-danger{background-color:#e13232;color:#fff}.button-small{font-size:small;padding:5px 10px}.universal-form-container{width:clamp(15rem,35dvw,50rem);position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp;overflow:hidden}.universal-form-input{box-shadow:3px 3px 0 1px #d9ac59;border-radius:.5em;line-height:2em;border:1px solid #012340;width:100%;max-width:100%;max-height:300px;box-sizing:border-box;padding-left:.5em}.button-group{display:flex;flex-direction:row;gap:10px}.margin-0{margin:0}.margin-left-auto{margin-left:auto}.loading-spinner-container{display:flex;justify-content:center;align-items:center;margin-top:24px;margin-bottom:24px}.container-primary{width:clamp(18rem,35dvw,50rem);position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid #012345;border-radius:1em;padding:2.5em 3em 3em;margin:3em auto;box-shadow:12px 12px 0 1px #d9ac59;animation:.75s ease-in-out 0s 1 slideUp;overflow:hidden}.user-suggestions-dropdown{position:absolute;padding:5px;margin:0;z-index:10;list-style:none;background-color:#464646;border-radius:10px;min-width:200px;min-height:30px;color:#fff}.user-suggestion{padding:5px;cursor:pointer;border-radius:5px}.no-user-suggestion{padding:5px;border-radius:5px}.user-suggestion:hover{background-color:var(--orange)}button:hover{opacity:80%}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input:focus,input:focus-visible{outline:4px auto #1b618c}