@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);
:root{scrollbar-color:hsl(151, 66%, 60%) #bbf1d7;scrollbar-color:var(--clr-primary) var(--clr-primary-light);scrollbar-width:thin}*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#bbf1d7;background:var(--clr-primary-light)}::-webkit-scrollbar-thumb{background:hsl(151, 66%, 60%);background:var(--clr-primary);border-radius:100vw}html{font-size:62.5%;height:100%}body{font-size:1.6rem;line-height:1.5;min-height:100%}table{border-collapse:collapse;border-spacing:0}button,input[type=submit]{cursor:pointer}button[disabled],input[type=submit][disabled]{cursor:not-allowed}input:-webkit-autofill{-webkit-transition-delay:604800s;transition-delay:604800s}input:autofill{-webkit-transition-delay:604800s;-o-transition-delay:604800s;transition-delay:604800s}input:-webkit-autofill{-webkit-transition-delay:604800s;transition-delay:604800s}input,button,textarea,select{font:inherit;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}h1{font-size:2em}[hidden]{display:none}.--{width:100%;max-width:144rem;margin-left:auto;margin-right:auto}:root{--black: #111;--white: #fefefe;--error: #e57373;--root-bg: #ebeeed;--light: var(--white);--dark: var(--black);--clr-primary: hsl(151, 66%, 60%);--clr-hover: hsl(151, 66%, 45%);--clr-active: hsl(151, 66%, 50%);--clr-primary-light: #bbf1d7;--clr-secondary: #8aafe7;--clr-shadow: #ddd;--clr-placeholder: #aaa;--bg-dark: #eee;--bg-light: #f6faf9;--bg-lighter: var(--light);--foreground: var(--black);--background: var(--white);--text-you: var(--white);--text-them: var(--black)}:root[theme$=dark]{--light: var(--black);--dark: var(--white);--clr-shadow: #000;--clr-shadow: rgba(47,79,79,0.18824);--clr-primary: hsl(151, 66%, 40%);--clr-hover: hsl(151, 66%, 30%);--clr-active: hsl(151, 66%, 25%);--clr-placeholder: #ccc;--clr-primary-light: #0c251a;--bg-dark: #181818;--bg-light: #151515;--bg-lighter: var(--dark);--root-bg: var(--bg-dark);--foreground: var(--white);--background: var(--black);--text-them: var(--white)}@-webkit-keyframes slide-message-you{from{-webkit-transform:translate(50%, 100%);transform:translate(50%, 100%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes slide-message-you{from{-webkit-transform:translate(50%, 100%);transform:translate(50%, 100%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes slide-message{from{-webkit-transform:translateX(-65%);transform:translateX(-65%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-message{from{-webkit-transform:translateX(-65%);transform:translateX(-65%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes delete-message{from{opacity:1}to{opacity:0}}@keyframes delete-message{from{opacity:1}to{opacity:0}}html{scroll-behavior:smooth}body{font-family:sans-serif}#root{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.chat__container{scrollbar-color:var(--clr-primary) var(--clr-primary-light);scrollbar-width:thin}#root[view=chatView]{background-color:var(--root-bg)}.chat{--padding: 3rem;width:min(100% - var(--padding),65rem);height:calc(100% - var(--padding));border-radius:.5rem;-webkit-box-shadow:0 0 1rem var(--clr-shadow);box-shadow:0 0 1rem var(--clr-shadow);overflow:hidden;background-color:var(--bg-light);margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:"Rubik",sans-serif;-webkit-transition-property:width,height,border-radius;-o-transition-property:width,height,border-radius;transition-property:width,height,border-radius;-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}@media only screen and (max-width: 37.5em){.chat{height:100%;width:100%;border-radius:0}}.chat header{background-color:var(--light);padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat__container{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:scroll;padding:1.5rem 2.5rem;z-index:1}.chat__container.loaded{scroll-behavior:smooth}.chat__container .message{--message-p-color: var(--text-them);--message-p-bg: var(--light);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:1.7rem;color:var(--dark);-webkit-animation:slide-message .5s forwards;animation:slide-message .5s forwards}.chat__container .message .body{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.chat__container .message .body .content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}.chat__container .message .body .delete{color:gray;background-color:rgba(0,0,0,0);display:none;border:0;outline:0;opacity:0;-webkit-transform:scale(0) translateX(400%);-ms-transform:scale(0) translateX(400%);transform:scale(0) translateX(400%);-webkit-transition:.35s ease;-o-transition:.35s ease;transition:.35s ease}.chat__container .message .body .delete:hover{color:var(--foreground)}.chat__container .message .body .delete:active{color:var(--error)}.chat__container .message img.emoji{display:inline;height:1.1em;aspect-ratio:1;margin-bottom:-0.2em}.chat__container .message .user{color:var(--clr-secondary);font-weight:700;font-size:1.4rem;margin-bottom:.5rem;text-transform:capitalize}.chat__container .message p{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;color:var(--message-p-color);background:var(--message-p-bg);line-height:2rem;padding:1.25rem 2rem;word-wrap:break-word;border-radius:2rem}.chat__container .message p a{color:inherit}.chat__container .message p:empty{display:none}.chat__container .message .images:not(:empty){position:relative;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat__container .message .images:not(:empty)::before{content:"";display:block;position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--message-p-bg);border-radius:.75rem;opacity:.75;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.chat__container .message .images:not(:empty) img{width:100%;height:100%;max-width:30rem;max-height:30rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;cursor:pointer;border-radius:.35rem;-webkit-box-shadow:0 0 .2rem #000;box-shadow:0 0 .2rem #000}.chat__container .message .images:not(:empty) img:not(:last-child){margin-bottom:.3rem}.chat__container .message:hover .body>.delete{opacity:1;-webkit-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}@media(pointer: coarse){.chat__container .message.showDeleteBtn .body>.delete{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.chat__container .message.deleteMode{-webkit-animation:delete-message .5s forwards !important;animation:delete-message .5s forwards !important}.chat__container .message.deleteMode{position:relative;z-index:-100;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.chat__container .message[data-user=you]{--message-p-color: var(--text-you);--message-p-bg: var(--clr-primary);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-left:auto;-webkit-animation-name:slide-message-you;animation-name:slide-message-you}.chat__container .message[data-user=you].deleteMode{-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}.chat__container .message[data-user=you] .body{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat__container .message[data-user=you] .body .delete{display:inline;display:initial}.chat__container .message[data-user=you] p{-ms-flex-item-align:end;align-self:flex-end}.chat__container .message[data-user=you] p,.chat__container .message[data-user=you] .images{margin-left:auto}.chat__container .message[data-user=you] p,.chat__container .message[data-user=you] .images:not(:empty)::before{border-top-right-radius:0}.chat__container .message[data-user=you][data-image] p{border-bottom-right-radius:0;border-bottom-left-radius:0}.chat__container .message:not([data-user=you]) p,.chat__container .message:not([data-user=you]) .images:not(:empty)::before{border-top-left-radius:0}.chat__container .message:not([data-user=you])[data-image] p{border-bottom-left-radius:0;border-bottom-right-radius:0}.chat__container .message[data-status=pending] p{background:var(--clr-primary-light)}.chat__container .message[data-status=pending] .images:not(:empty)::before{opacity:.3}.chat__container .message[data-status=pending] .delete{display:none !important}.chat__container .message[data-status=sent] p{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.chat__form{background-color:var(--light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.7rem 1.5rem;gap:.3rem}@media only screen and (max-width: 31.25em){.chat__form{padding-left:1rem;padding-right:1rem}}.chat__form .textarea-container{width:100%;background:var(--bg-dark);padding:.5rem 1.5rem;border-radius:2rem;margin:0 .7rem}.chat__form .textarea-container textarea{display:block;width:100%;color:var(--dark);background:rgba(0,0,0,0);font-size:1.6rem;line-height:1.5;resize:none;outline:none;border:none}.chat__form .file-input{width:3rem;position:relative}.chat__form .file-input::before{content:attr(data-files);display:block;font-size:1.1rem;line-height:1;position:absolute;right:0;top:0;height:1em;width:1em;padding:.2em;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center;border-radius:50%;background:var(--clr-primary);-webkit-box-shadow:0 0 .1em #000;box-shadow:0 0 .1em #000;color:var(--dark)}.chat__form .file-input[data-files=""]::before{display:none}.chat__form .file-input svg{width:100%;height:100%;cursor:pointer}.chat__form .file-input svg path{-webkit-transform:translate(-5px, -5px);-ms-transform:translate(-5px, -5px);transform:translate(-5px, -5px)}.chat__form .file-input input{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;z-index:-9999}.chat__form button{cursor:default;height:3.5rem;aspect-ratio:1;background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;text-align:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:.6rem;border-radius:50%}.chat__form button:not([disabled]):hover{cursor:pointer;background:var(--bg-dark)}.chat__form button svg{-webkit-transform:translateX(0.15rem);-ms-transform:translateX(0.15rem);transform:translateX(0.15rem)}#image-modal{visibility:hidden;position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}#image-modal.show{visibility:visible;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#image-modal.show .overlay{background:var(--root-bg);opacity:.85;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}#image-modal.show .closeBtn{position:absolute;right:2rem;top:2rem}#image-modal.show .content{width:100vw;height:100vh}#image-modal.show .content img{padding:min(3vw,3rem);width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#connection-status{position:fixed;left:3.5rem;bottom:2.5rem;color:var(--text-them);padding:1rem 1.75rem;padding-right:1.25rem;border-radius:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;-webkit-transform:translateY(calc(100% + 3rem));-ms-transform:translateY(calc(100% + 3rem));transform:translateY(calc(100% + 3rem));-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;-webkit-box-shadow:0 0 1.5rem -1rem var(--text-them);box-shadow:0 0 1.5rem -1rem var(--text-them)}#connection-status.show{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}#connection-status p{display:none}#connection-status i{cursor:pointer;font-size:2rem;padding:.5rem;background:rgba(255,255,255,.1882352941);aspect-ratio:1;border-radius:50%;height:1.5em;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transition-property:background,color;-o-transition-property:background,color;transition-property:background,color;text-align:center}#connection-status i:hover{background:rgba(255,255,255,.3137254902);color:var(--error)}#connection-status[data-status=online]{background:var(--clr-primary)}#connection-status[data-status=online] .online{display:block}#connection-status[data-status=offline]{background:var(--error)}#connection-status[data-status=offline] .offline{display:block}
.menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;color:var(--dark)}.menu .icon{cursor:pointer;padding:1rem 1.5rem;-webkit-clip-path:circle();clip-path:circle();margin-left:1rem;margin-right:1rem;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.menu .icon:hover{background-color:rgba(128,128,128,.3)}.menu .icon i{font-size:1.5rem;line-height:0}.menu #btn{position:fixed;top:-100vh;opacity:0}.menu #btn[focus-within]+.list{z-index:100;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;opacity:1}.menu #btn:focus-within+.list{z-index:100;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;opacity:1}.menu .list{width:18rem;z-index:-100;position:absolute;top:5rem;left:1rem;border-radius:.5rem;background:var(--dark);list-style:none;opacity:0;-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}.menu .list::after{content:"";position:absolute;top:-2rem;left:1rem;width:0;height:0;border:1rem solid rgba(0,0,0,0);border-bottom:1rem solid var(--dark)}.menu .list li:first-of-type{border-radius:.5rem .5rem 0 0}.menu .list li:last-of-type{border-radius:0 0 .5rem .5rem}.menu .list li{cursor:pointer;color:var(--light);padding:.5rem 1.5rem;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.menu .list li:hover{background:var(--clr-primary);color:var(--white)}
#theme-toggle{cursor:pointer;background:0;border:0;opacity:.8;padding:.5rem;border-radius:50%;position:relative;isolation:isolate}#theme-toggle svg{height:2.5rem;width:2.5rem;fill:var(--dark)}#theme-toggle::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(128,128,128,.2);border-radius:inherit;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;z-index:-1}:root[theme$=dark] #theme-toggle::before{-webkit-animation:pulseToDark 650ms ease-out;animation:pulseToDark 650ms ease-out}:root[theme$=light] #theme-toggle::before{-webkit-animation:pulseToLight 650ms ease-out;animation:pulseToLight 650ms ease-out}#theme-toggle:hover{outline:0;opacity:1;background:rgba(128,128,128,.15)}.toggle-circle{-webkit-transition:-webkit-transform 500ms ease-out;transition:-webkit-transform 500ms ease-out;-o-transition:transform 500ms ease-out;transition:transform 500ms ease-out;transition:transform 500ms ease-out, -webkit-transform 500ms ease-out}:root[theme$=dark] .toggle-circle{-webkit-transform:translateX(-15%);-ms-transform:translateX(-15%);transform:translateX(-15%)}.toggle-sun{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 750ms cubic-bezier(0.11, 0.14, 0.29, 1.32);transition:-webkit-transform 750ms cubic-bezier(0.11, 0.14, 0.29, 1.32);-o-transition:transform 750ms cubic-bezier(0.11, 0.14, 0.29, 1.32);transition:transform 750ms cubic-bezier(0.11, 0.14, 0.29, 1.32);transition:transform 750ms cubic-bezier(0.11, 0.14, 0.29, 1.32), -webkit-transform 750ms cubic-bezier(0.11, 0.14, 0.29, 1.32)}:root[theme$=dark] .toggle-sun{-webkit-transform:rotate(0.5turn);-ms-transform:rotate(0.5turn);transform:rotate(0.5turn)}@-webkit-keyframes pulseToDark{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.5}10%{-webkit-transform:scale(1);transform:scale(1)}75%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulseToDark{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.5}10%{-webkit-transform:scale(1);transform:scale(1)}75%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulseToLight{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.5}10%{-webkit-transform:scale(1);transform:scale(1)}75%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulseToLight{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.5}10%{-webkit-transform:scale(1);transform:scale(1)}75%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}
.welcome{--root-bg: rgba(235, 238, 237, 0.85);font-family:"Poppins",sans-serif;width:100%;height:100vh;background-image:url(background-large-asset_resource_vercel_path0_src_assests_background-large_jpg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;padding-bottom:3vh}:root[theme$=dark] .welcome{--root-bg: rgba(24, 24, 24, 0.85)}@media only screen and (max-width: 37.5em){.welcome{background-image:url(background-small-asset_resource_vercel_path0_src_assests_background-small_jpg.jpg)}}@media only screen and (max-width: 25em){.welcome{background-image:none}}.welcome[view=log-in] .text-already,.welcome[view=log-in] #goto-login-btn{display:none}.welcome[view=log-in] .form-container{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.welcome[view=sign-up] .text-dont,.welcome[view=sign-up] #goto-signup-btn{display:none}.welcome__content{--column-gap: 4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:35rem;background:var(--root-bg);padding-left:var(--column-gap);padding-right:var(--column-gap);gap:var(--column-gap)}@media only screen and (max-width: 62em){.welcome__content{display:inline;display:initial}}.welcome__content .btn{padding:.5rem 3rem;border-radius:.5rem;text-transform:uppercase;letter-spacing:.1rem;outline:none}.welcome__content .form-container{width:40rem;background-color:var(--bg-light)}@media only screen and (max-width: 62em){.welcome__content .form-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@media only screen and (max-width: 31.25em){.welcome__content .form-container{height:100%;width:100%}}.welcome__content .form-container form{width:100%;min-height:42rem;padding:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3.5rem}.welcome__content .form-container form h2{font-size:1.8rem;font-weight:400;text-transform:uppercase;color:var(--clr-primary)}.welcome__content .form-container form button{border:none;background-color:var(--clr-primary);color:var(--white);-ms-flex-item-align:end;align-self:flex-end;-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}.welcome__content .form-container form button:not([disabled]):hover{background-color:var(--clr-hover)}.welcome__content .form-container form button:not([disabled]):active{background-color:var(--clr-active)}@media only screen and (max-width: 62em){.welcome__content .form-container form button{width:100%}}.welcome__content .form-container form .input-container{position:relative}.welcome__content .form-container form .input-container .icon{color:var(--clr-placeholder);font-size:1.5rem;position:absolute;right:0;bottom:4.5rem}.welcome__content .form-container form .input-container input{width:100%;padding:1rem 0;padding-right:2rem;font-size:1.5rem;color:var(--foreground);margin-bottom:3.5rem;border:none;border-bottom:1px solid var(--clr-placeholder);outline:none;background:rgba(0,0,0,0)}:root[theme$=dark] .welcome__content .form-container form .input-container input{color-scheme:dark}.welcome__content .form-container form .input-container input:focus{border-color:var(--clr-primary)}.welcome__content .form-container form .input-container input:focus~.icon{color:var(--clr-primary)}.welcome__content .form-container form .input-container input[name=password]~.icon{-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;cursor:pointer}.welcome__content .form-container form .input-container input[name=password]~.icon:hover{color:var(--clr-primary)}.welcome__content .form-container form .input-container input.error{border-color:var(--error)}.welcome__content .form-container form .input-container label{position:absolute;top:0;left:0;padding:1rem 0;font-size:1.5rem;color:var(--clr-placeholder);pointer-events:none;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.welcome__content .form-container form .input-container input:not(:-moz-placeholder-shown)~label{top:-20px;left:0;color:var(--clr-primary);font-size:12px}.welcome__content .form-container form .input-container input:not(:-ms-input-placeholder)~label{top:-20px;left:0;color:var(--clr-primary);font-size:12px}.welcome__content .form-container form .input-container input:not(:placeholder-shown)~label,.welcome__content .form-container form .input-container input:focus~label{top:-20px;left:0;color:var(--clr-primary);font-size:12px}.welcome__content .form-container form .navigator{display:none}@media only screen and (max-width: 62em){.welcome__content .form-container form .navigator{display:inline;display:initial;color:var(--clr-placeholder);font-size:1.4rem;text-align:center}.welcome__content .form-container form .navigator a{-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;color:var(--clr-hover)}.welcome__content .form-container form .navigator a:hover{color:var(--clr-primary)}}.welcome__content .text-container{max-width:25rem;color:var(--foreground);font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.5rem;padding-top:4rem;padding-bottom:4rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media only screen and (max-width: 62em){.welcome__content .text-container{display:none}}.welcome__content .text-container h2{font-size:2.4rem;font-weight:inherit;line-height:1.2}.welcome__content .text-container p{font-size:1.2rem;line-height:1.6rem;font-weight:inherit;text-align:justify}.welcome__content .text-container button{background:rgba(0,0,0,0);border:1px solid var(--foreground);-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.welcome__content .text-container button:hover{color:var(--background);background:var(--foreground)}