:root{--clr-accent-500: hsl(50, 3%, 35%);--clr-accent-400: hsla(240, 6%, 17%, .842);--clr-accent-300: hsl(60, 1%, 17%);--clr-accent-100: hsl(0, 0%, 11%);--clr-primary-400: hsl(0, 0%, 0%);--clr-neutral-900: hsla(254, 56%, 41%, .765);--clr-neutral-100: hsl(0 0% 100%);--ff-primary: "Be Vietnam Pro", sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi-bold: 500;--fw-bold: 700;--fs-300: .8125rem;--fs-400: .875rem;--fs-500: .9375rem;--fs-600: 1rem;--fs-700: 1.875rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem;--fs-primary-heading: var(--fs-800);--fs-secondary-heading: var(--fs-700);--fs-body: var(--fs-400);--fs-nav: var(--fs-500);--fs-button: var(--fs-300)}@media (min-width: 50em){:root{--fs-primary-heading: var(--fs-900);--fs-secondary-heading: var(--fs-800);--fs-body: var(--fs-500);--fs-nav: var(--fs-300)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%;background-color:var(--clr-primary-400)}body{text-rendering:optimizeSpeed;line-height:1.5}#app{background-color:var(--clr-primary-400)}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-primary-400{color:var(--clr-primary-400)}.text-accent-400{color:var(--clr-accent-400)}.text-accent-100{color:var(--clr-accent-100)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-900{color:var(--clr-neutral-900)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-accent-400{background-color:var(--clr-accent-400)}.bg-accent-100{background-color:var(--clr-accent-100)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.fw-bold{font-weight:var(--fw-bold)}.fw-semi-bold{font-weight:var(--fw-semi-bold)}.fw-regular{font-weight:var(--fw-regular)}.fs-primary-heading{font-size:var(--fs-primary-heading);line-height:1.1}.fs-secondary-heading{font-size:var(--fs-secondary-heading);line-height:1.1}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.padding-block-900{padding-block:var(--size-900)}.padding-block-700{padding-block:var(--size-700)}.container{--max-width: 1110px;--padding: var(--size-700);width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto}.even-columns{display:grid;gap:1rem}@media (min-width: 50em){.even-columns{grid-auto-flow:column;grid-auto-columns:1fr}}.center{display:flex;justify-content:center;align-items:center}.vertical{display:flex;flex-direction:column}body{font-size:var(--fs-body);font-family:var(--ff-body);color:var(--clr-accent-500)}.button{cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:1.25em 2.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:var(--clr-accent-400);box-shadow:0 1.125em 1em -1em var(--clr-accent-500)}.button[data-type=inverted]{background-color:var(--clr-neutral-100);color:var(--clr-accent-400)}.button:hover,.button:focus-visible{background-color:var(--clr-accent-300)}.button[data-type=inverted]:hover,.button[data-type=inverted]:focus-visible{background-color:var(--clr-neutral-100);color:var(--clr-accent-300)}.center{width:90%;height:100%;max-width:350px;max-height:520px;text-align:center;background-color:var(--clr-accent-500);padding:20px;border-radius:20px;box-shadow:0 4px 8px var(--clr-accent-500)}label{display:block;margin-bottom:8px;font-weight:700;color:var(--clr-neutral-100)}input{width:100%;padding:6px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px;font-size:12px}button.button{padding:10px 20px;background-color:var(--clr-accent-300);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:40%}button.button:hover{background-color:var(--clr-accent-100)}p{color:var(--clr-neutral-100)}header{margin-top:-20px;margin-bottom:-25px;background-color:var(--clr-primary-400);height:var(--size-710)}a:link,a:visited,h2{color:var(--clr-neutral-100)}#homepage{background-color:var( --clr-primary-400);box-shadow:0 0 0 var(--clr-accent-500)}img{max-width:180px}.container[data-v-58148176]{display:flex;justify-content:space-between;align-items:center}[data-v-58148176-s]{font-size:var(--fs-600)}[data-v-fdab8268] a{text-decoration:none;margin:20px}img[data-v-fdab8268]{max-width:400px}[data-v-474b1ec1] a{text-decoration:none;color:#fff;margin:20px}main[data-v-474b1ec1]{height:100vh}.center[data-v-474b1ec1]{width:100%;height:40%;max-width:350px;text-align:center;background-color:var(--clr-accent-500);padding:20px;border-radius:20px;box-shadow:0 4px 8px var(--clr-accent-500)}.container1[data-v-474b1ec1]{display:flex;justify-content:space-between;align-items:center;height:100vh;flex-wrap:wrap;margin-top:-40px}.static-part[data-v-474b1ec1]{width:60%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}img[data-v-474b1ec1]{max-width:100%;height:auto;object-fit:cover;width:100%;height:100%}@media (max-width: 768px){.container1[data-v-474b1ec1]{flex-direction:column;align-items:center;height:auto}.form-container[data-v-474b1ec1]{width:80%;margin-bottom:20px}.static-part[data-v-474b1ec1]{width:80%;margin-top:20px}.static-part img[data-v-474b1ec1]{width:80%;height:auto}}[data-v-d69fdca1] a{text-decoration:none;color:#fff;margin:20px}.hero[data-v-d69fdca1]{background-image:url(/background.jpg);background-size:cover;background-position:center;height:400px;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}.hero-text[data-v-d69fdca1]{font-size:2rem;font-weight:700}.container[data-v-d69fdca1]{padding:20px}.dropdown[data-v-d69fdca1]{position:relative;display:inline-block}.dropdown-button img[data-v-d69fdca1]{width:30px;height:auto;cursor:pointer}.dropdown-content[data-v-d69fdca1]{display:none;position:absolute;background-color:var(--clr-primary-400);min-width:110px;margin-top:-20px;margin-left:-35px;box-shadow:0 8px 16px var(--clr-primary-400);z-index:1}.dropdown-content a[data-v-d69fdca1]{color:#fff;text-decoration:none;display:block;cursor:pointer}.dropdown-content a[data-v-d69fdca1]:hover{background-color:var(--clr-accent-300)}.dropdown:hover .dropdown-content[data-v-d69fdca1]{display:block}.threeViews[data-v-d69fdca1]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;height:450px}.grid-panel[data-v-d69fdca1]{padding:10px;margin:5px}#middle-grid[data-v-d69fdca1]{border-left:2px solid hsl(50,3%,35%);border-right:2px solid hsl(50,3%,35%)}#left-grid[data-v-d69fdca1],#right-grid[data-v-d69fdca1]{border-left:2px solid hsl(0,0%,0%);border-right:2px solid hsl(0,0%,0%)}nav[data-v-d69fdca1]{display:flex}#messages-icon[data-v-d69fdca1]{width:30px;height:30px;margin-left:-100px}#thoughts-icon[data-v-d69fdca1]{width:30px;height:30px;margin-left:-50px}[data-v-c7bbb0ca] a{text-decoration:none;margin:20px}main[data-v-c7bbb0ca]{height:100vh}.container1[data-v-c7bbb0ca]{display:flex;justify-content:space-between;align-items:center;height:100vh;flex-wrap:wrap;margin-top:-40px}.static-part[data-v-c7bbb0ca]{width:60%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}img[data-v-c7bbb0ca]{max-width:100%;height:auto;object-fit:cover;width:100%;height:100%}@media (max-width: 768px){.container1[data-v-c7bbb0ca]{flex-direction:column;align-items:center;height:auto}.form-container[data-v-c7bbb0ca]{width:80%;margin-bottom:20px}.static-part[data-v-c7bbb0ca]{width:80%;margin-top:20px}.static-part img[data-v-c7bbb0ca]{width:80%;height:auto}}.toast{position:fixed;bottom:20%;padding:.25em 1.5em;background-color:var(--clr-neutral-200)}.modal-backdrop[data-v-10092e35]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--modal-backdrop-clr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.modal[data-v-10092e35]{position:relative;justify-content:space-between;max-width:500px;margin-bottom:10px;background-color:#2c2c2b;border-radius:10px;padding:var(--size-300)}header[data-v-10092e35]{background-color:#2c2c2b00}.modal-button[data-v-10092e35]{width:20px;height:20px;cursor:pointer;margin-top:20px;margin-left:80px}.modal-button[data-v-10092e35]:hover{background-color:var(--clr-accent-100);border-radius:70%}header[data-v-10092e35]{display:flex;margin-bottom:var(--size-100);justify-content:space-between}footer[data-v-10092e35]{display:flex;justify-content:center;align-items:center;margin-top:var(--size-400)}h1[data-v-bf3fa6cb]{color:#fff;text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px;margin:10px}h2[data-v-bf3fa6cb]{color:#fff;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px;margin:10px 10px 10px 110px}p[data-v-bf3fa6cb]{margin-left:15px}.container[data-v-bf3fa6cb]{align-items:center}#profile-fieldset[data-v-bf3fa6cb]{position:relative;justify-content:space-between;max-width:300px;margin-bottom:10px;padding:5px;background-color:#2c2c2b;border-radius:5px}#modal-fieldset[data-v-bf3fa6cb]{max-width:500px;background-color:#2c2c2b;border-radius:5px;padding:5px}legend[data-v-bf3fa6cb]{font-weight:600;color:#b3b2b2;margin-left:10px}img[data-v-bf3fa6cb]{max-width:30px;max-height:30px}.edit_profile[data-v-bf3fa6cb]{font-weight:600;color:#b3b2b2;margin-left:10px}.edit-button[data-v-bf3fa6cb]{margin-left:340px;margin-top:-30px}#save-button[data-v-bf3fa6cb]{padding:10px 20px;background-color:var(--clr-accent-100);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:40%}#save-button[data-v-bf3fa6cb]:hover{background-color:#121111}#cancel-button[data-v-bf3fa6cb]{padding:10px 20px;background-color:var(--clr-accent-100);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:40%;margin-right:15px}#cancel-button[data-v-bf3fa6cb]:hover{background-color:#121111}img[data-v-9913dd32]{max-width:100%;height:auto;padding:5px;margin-top:10px;margin-bottom:10px}h1[data-v-9913dd32]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px}img[data-v-047d8c2e]{max-width:100%;height:auto;padding:5px;margin-top:10px;margin-bottom:10px}h1[data-v-047d8c2e]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px}img[data-v-4e288248]{max-width:100%;height:auto;padding:5px;margin-top:10px;margin-bottom:10px}h1[data-v-4e288248]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px}.send-message[data-v-4e288248]{display:flex;gap:10px}#send-message-icon[data-v-4e288248]{width:30px;height:30px;margin-top:-2px;cursor:pointer}#send-message-button[data-v-4e288248]{height:30px;background-color:#000}input[data-v-4e288248]{width:80%;margin-left:20px}h1[data-v-303ec278]{font-family:Brush Script MT,Brush Script Std,cursive;font-size:20px}.card[data-v-303ec278]{background-color:var(--clr-accent-300);color:var(--clr-neutral-100);width:100%;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}img[data-v-bc2907b5]{max-width:30px;max-height:30px}h1[data-v-bc2907b5]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px}.scrollable-container[data-v-bc2907b5]{width:100%;max-height:400px;overflow-y:auto;padding-bottom:50px;display:flex;flex-direction:column;margin-top:10px;gap:15px}.scrollable-container .card[data-v-bc2907b5]{width:80%;max-height:100px;border-radius:5px;margin-left:35px}.new-messages-count[data-v-bc2907b5]{text-align:center;font-size:18px;margin-bottom:10px;color:var(--clr-accent-500);font-weight:700}button[data-v-bc2907b5]{background-color:var(--clr-accent-500);color:#fff;padding:10px 20px;font-size:16px;border:none;cursor:pointer;border-radius:5px}button[data-v-bc2907b5]:hover{background-color:var(--clr-accent-300)}img[data-v-7dd040c5]{max-width:100%;height:auto;padding:5px;margin-top:10px;margin-bottom:10px}h1[data-v-7dd040c5]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px;margin-top:200px}.send-message[data-v-7dd040c5]{display:flex;gap:10px}#send-message-icon[data-v-7dd040c5]{width:30px;height:30px;margin-top:-2px;cursor:pointer}#send-message-button[data-v-7dd040c5]{height:30px;background-color:#000}input[data-v-7dd040c5]{width:80%;margin-left:20px}img[data-v-d39b7354]{max-width:100%;height:auto;padding:5px;margin-top:50px;margin-bottom:10px}h1[data-v-d39b7354]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px}h1[data-v-1d0dc244]{font-family:Brush Script MT,Brush Script Std,cursive;font-size:20px}.card[data-v-1d0dc244]{background-color:var(--clr-accent-300);color:var(--clr-neutral-100);width:100%;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.search-container[data-v-88525eb9]{padding:20px;font-family:Arial,sans-serif}.search-form[data-v-88525eb9]{margin-top:50px;display:flex;flex-direction:column;width:100%;max-width:600px;padding:20px;border-radius:8px;background-color:#2c2c2b;box-shadow:0 2px 10px #0000001a}.search-form h2[data-v-88525eb9]{text-align:center;margin-bottom:20px;font-size:24px;color:#fff}.search-field[data-v-88525eb9],.sort-options[data-v-88525eb9]{display:flex;justify-content:space-between;gap:20px;margin-bottom:15px}.search-field label[data-v-88525eb9],.sort-options label[data-v-88525eb9]{font-size:16px}.search-input[data-v-88525eb9]{width:100%;padding:8px;font-size:16px;border-radius:4px;border:1px solid #ccc}.sort-fields label[data-v-88525eb9]{font-size:16px;margin-right:10px}.pagination-fields[data-v-88525eb9]{display:flex;gap:15px;margin-bottom:20px}.pagination-fields input[data-v-88525eb9]{margin-right:10px}.search-button[data-v-88525eb9]{padding:10px 15px;background-color:var(--clr-accent-100);color:#fff;font-size:16px;border:none;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.search-button[data-v-88525eb9]:hover{background-color:#171717}.user-list[data-v-88525eb9]{margin-top:20px}.user-item[data-v-88525eb9]{text-align:center;padding:8px;border-bottom:1px solid hsl(0 0% 100%)}.user-item span[data-v-88525eb9]{font-size:16px;color:#333}.user-link[data-v-88525eb9]{display:block;font-size:16px;color:#493e64;text-decoration:none}.user-link[data-v-88525eb9]:hover{text-decoration:underline}p[data-v-88525eb9]{margin-top:20px;font-size:18px;color:#fff}h1[data-v-88525eb9]{color:#fff;text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px;margin:10px}h4[data-v-88525eb9]{color:#fff;text-align:center;margin:5px}h1[data-v-2e3d731e]{font-family:Brush Script MT,Brush Script Std,cursive;font-size:20px}.card[data-v-2e3d731e]{background-color:var(--clr-accent-300);color:var(--clr-neutral-100);width:100%;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}img[data-v-5fc256c9]{max-width:30px;max-height:30px}h1[data-v-5fc256c9]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px}.scrollable-container[data-v-5fc256c9]{width:100%;max-height:400px;overflow-y:auto;padding-bottom:50px;display:flex;flex-direction:column;margin-top:10px;gap:15px}.scrollable-container .card[data-v-5fc256c9]{width:80%;max-height:100px;border-radius:5px;margin-left:35px}.new-messages-count[data-v-5fc256c9]{text-align:center;font-size:18px;margin-bottom:10px;color:var(--clr-accent-500);font-weight:700}button[data-v-5fc256c9]{background-color:var(--clr-accent-500);color:#fff;padding:10px 20px;font-size:16px;border:none;cursor:pointer;border-radius:5px}button[data-v-5fc256c9]:hover{background-color:var(--clr-accent-300)}.message-form-container[data-v-bc1be6b1]{padding:20px;font-family:Arial,sans-serif}img[data-v-bc1be6b1]{max-width:100%;height:auto;padding:5px;margin-top:10px;margin-bottom:10px}h1[data-v-bc1be6b1]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px;margin-top:200px}.send-message[data-v-bc1be6b1]{display:flex;gap:10px}#send-message-icon[data-v-bc1be6b1]{width:30px;height:30px;margin-top:-2px;cursor:pointer}#send-message-button[data-v-bc1be6b1]{height:30px;background-color:#000}input[data-v-bc1be6b1]{width:80%;margin-left:20px}.error-message[data-v-bc1be6b1]{color:red;font-size:14px;margin-bottom:10px}img[data-v-3339994a]{max-width:100%;height:auto;padding:5px;margin-top:100px;margin-bottom:10px}h1[data-v-3339994a]{text-align:center;font-family:Brush Script MT,Brush Script Std,cursive;font-size:30px}