:root{--background-color: rgb(32, 33, 46);--button-colors: #ff6f61;--form-highlight: #ffc1cc;--button-effects: #f8d5d8;--input-highlight: #f8d5d8;--clr-accent-500: hsl(12, 60%, 45%);-clr-accent-400:hsl(12,88%,59%);--clr-accent-300: hsl(12, 88%, 75%);-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: 15rem;--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)}body{text-rendering:optimizeSpeed;line-height:1.5;background-color:var(--background-color);color:#fff;height:100vh;width:100vw}img{max-width:100%}@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}}.fs-primary-heading{font-size:var(--fs-primary-heading);line-height:1.1}.bg-primary-400{background-color:var(--background-color)}.container{--max-width: 1110px;--padding: var(--size-700);width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto;margin-top:60px;border:solid 3px rgb(24,24,23);background-color:#dfdcf5;color:#000;padding:30px;border-radius:10px}.btn{cursor:pointer;text-decoration:none;border:1px solid black;border-radius:100vmax;padding:1.25em 1.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:#f5f5f5;box-shadow:0 1.125em 1em -1em #2b2a29}.btn[data-type=inverted]{background-color:var(--button-effects);color:var(--clr-accent-400)}.btn-menu{cursor:pointer;text-decoration:none;border:1px solid black;border-radius:100vmax;padding:1.25em 1.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1}.btn-menu:hover{background-color:#484650}.btn:hover,.btn:focus-visible{background-color:#484650}.btn[data-type=inverted]:hover,.btn[data-type=inverted]:focus-visible{background-color:var(--button-effects);color:var(--clr-accent-300)}.formfieldset{height:45px;background-color:#f5f5f5;border-radius:5px;margin-bottom:10px}.formInput{margin-top:0;padding:10px 12px;box-sizing:border-box;border:none;width:100%;height:20px;background-color:transparent;outline:none}.JoinInForm{max-width:400px;height:600px;margin:2rem auto;padding:2rem;background-color:#dfdcf5;color:#000;border-radius:8px;box-shadow:0 4px 8px #0006;font-family:var(--ff-body)}.Block{margin-top:70px}.btn{display:block;margin:0 auto;width:100px;height:50px;border-radius:35px;text-align:center}.SignInForm{max-width:400px;height:400px;margin:2rem auto;padding:2rem;background-color:#dfdcf5;color:#000;border-radius:8px;box-shadow:0 4px 8px #0006;font-family:var(--ff-body)}.formLegend{border:1px solid black;border:none;top:50%;border-bottom:none;background-color:#f5f5f5}.logo{width:200px;height:200px;margin-top:-130px}.Headcontainer{margin-top:40px;background-color:#a8a2d0;height:20px;display:flex;align-items:center;justify-content:end;padding:1.5rem}.link:hover{color:#4e3b52;cursor:pointer}.link{text-decoration:none}.HomePageImage{height:200px;background-color:#a8a2d0;padding:5px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.fs-primary-heading:first-letter{color:#2b2a29;font-size:160px;font-weight:700}.fs-primary-heading{text-align:center;text-decoration-line:underline}p{white-space:no-wrap;overflow:hidden;text-overflow:ellipsis;max-width:130rem}footer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-top:300px;height:150px;flex-direction:column}.icons{position:relative;display:flex;justify-content:center;align-items:center;margin:10px 0;flex-wrap:wrap;color:#000}.icons li{list-style:none;margin:10px}.icons{font-size:2em;margin:0 10px -20px;z-index:1500;cursor:pointer}.menu a{font-size:1em;color:#000;margin:30px 10px 0;opacity:.65;position:relative;z-index:1600;text-decoration:none;cursor:pointer}.waves svg{position:absolute;bottom:0;left:0;width:100%;height:auto;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20320'%3e%3cpath%20fill='rgb(223,%20220,%20245)'%20fill-opacity='1'%20d='M0,192L30,197.3C60,203,120,213,180,192C240,171,300,117,360,85.3C420,53,480,43,540,80C600,117,660,203,720,240C780,277,840,267,900,229.3C960,192,1020,128,1080,106.7C1140,85,1200,107,1260,128C1320,149,1380,171,1410,181.3L1440,192L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z'%3e%3c/path%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;overflow:hidden;opacity:1}.waves{position:absolute;bottom:0;left:0;width:100%;height:100%}.wave1 svg{z-index:1000;opacity:.5;bottom:3px}.wave2 svg{z-index:1000;opacity:.9;bottom:0}.wave3 svg{z-index:1000;opacity:.8;bottom:12px}.wave4 svg{z-index:999;opacity:.4;bottom:20px}.errorMessage{background-color:#20212e;color:#fff;margin-bottom:15px;border-radius:3px;text-align:center}.dropdown{padding:10px;cursor:pointer}.dropdown a{display:block;color:#fff;padding:5px;margin-right:3px;text-decoration:none;width:75px}.dropdown .content{display:none;position:absolute;background-color:#a8a2d0;box-shadow:2px 2px 5px #000;text-decoration:none;width:75px}.dropdown:hover .content{display:block}.dropdown a:hover{background-color:#484650}main{display:flex;flex:1}.column{flex:1;padding:20px;text-align:center}.column:nth-child(1){border-right:2px solid rgb(168,162,208);height:100vh;border-left:none;box-shadow:2px 0 10px #a8a2d0}.column:nth-child(2){border-right:2px solid rgb(168,162,208);box-shadow:2px 0 10px #a8a2d0}.column:nth-child(3){border-right:2px solid rgb(168,162,208);height:100vh;border-left:none;box-shadow:2px 0 10px #a8a2d0}.grid-panel{padding:var(--size-300);margin:var(--size-300)}.bars{border-bottom:.5px solid rgb(168,162,208);box-shadow:5px 0 10px #a8a2d0;border-radius:3px;margin-bottom:3px;cursor:pointer}.bars:hover{background-color:#484650}.btn-menu2{position:relative;margin-top:-20px;border-radius:7px;cursor:pointer}.btn-menu2:hover{background-color:#484650}.pen{width:18px;margin-bottom:0;cursor:pointer}.pen:hover{color:plum}.modal-style{display:flex;flex-direction:column;height:450px;width:300px;border:1px solid black;align-items:center;margin:50px auto auto;padding:40px;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset -5px -5px #00000080;border-radius:25px;margin-right:10vw}main{height:100%;position:relative}.modal-btns{display:flex;margin-top:-400px;justify-content:space-between}.logo{cursor:pointer}[data-v-d63d0b0f-s]{font-size:var(--fs-600);color:#000;margin-right:1rem}[data-v-69aa5cef] a{text-decoration:none}a[data-v-69aa5cef]:hover{color:gray}.unblurred .profile-modal{height:400px;width:400px;background:#000;filter:blur(0px)}.message-card{border-top:.5px solid rgb(168,165,208);box-shadow:5px 0 10px #8e87b8;border-radius:3px;margin-bottom:3px;padding:10px;height:90px}.message-cardName h1{font-size:20px;position:relative}.message-cardTime{font-size:8px;position:relative;display:flex;justify-content:start}.messages{position:relative;text-align:start;font-size:16px;color:#bcccda}.user-icon{background-color:#000;width:70px;height:70px;font-size:30px;border-radius:50%;left:5px;position:relative;margin-right:15px}.user-icon :hover{cursor:pointer}.icon{margin-top:15px}.card{display:flex;position:relative;justify-self:flex-start;align-items:center}body{box-sizing:border-box;margin:0}section{margin-top:0;background-color:#9891d2;height:75vh;width:33vw;overflow:hidden}.message-box{overflow-y:scroll;overflow-x:hidden;height:300px;width:33vw}.searchBox{background-color:#fff;margin-top:20px;height:100px;border-radius:20px;align-content:center}#btn-load{cursor:pointer;text-decoration:none;border:1px solid black;border-radius:100vmax;padding:1.25em 1.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;position:relative;margin-top:30px}#btn-load:hover{background-color:#484650}.display-messageCount{cursor:pointer;text-decoration:none;border:1px solid black;border-radius:100vmax;padding:1.25em 1.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;position:relative;margin-top:50px;margin-bottom:20px}.display-messageCount:hover{background-color:#484650}.searchLogo{position:relative;display:flex;justify-self:end;padding-right:35px;margin-top:-26px;color:#000;cursor:pointer}.searchLogoWrap{height:30px;width:30vw;background-color:#eeeaea;border:2px solid black;margin-top:30px;border-radius:10px}.message-container[data-v-0cd480b1]{width:100%;max-width:400px;height:100px;padding:20px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}textarea[data-v-0cd480b1]{width:100%;height:100px;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px;margin-top:-70px}button[data-v-0cd480b1]{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button[data-v-0cd480b1]:hover{background-color:#0056b3}.success[data-v-0cd480b1]{color:green;margin-top:10px}.error[data-v-0cd480b1]{color:red;margin-top:10px}.message-info{margin-top:20px;background:#d3d3d3;padding:10px;border-radius:5px}.messages-container{margin-top:20px;padding:10px;background-color:#2e2f31;border-radius:5px}ul{list-style:none;padding:0}li{padding:8px;margin-bottom:5px;border-radius:5px;background:#8070b5}button{background:#000;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer}.liveChatBox{justify-content:center;align-items:center}