*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.btn{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(138 229 149 / var(--tw-bg-opacity));background-image:linear-gradient(90deg,var(--tw-gradient-stops));--tw-gradient-from: #8ae595 var(--tw-gradient-from-position);--tw-gradient-to: rgb(138 229 149 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dbffdf var(--tw-gradient-to-position);padding:.25rem 1rem .125rem;font-weight:700;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn:hover{--tw-bg-opacity: 1;background-color:rgb(97 168 105 / var(--tw-bg-opacity))}.btn-m{border-radius:9999px;border-width:2px;--tw-bg-opacity: 1;background-color:rgb(138 229 149 / var(--tw-bg-opacity));background-image:linear-gradient(90deg,var(--tw-gradient-stops));padding:.25rem 1rem .125rem;font-weight:700;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn-m:hover{--tw-bg-opacity: 1;background-color:rgb(97 168 105 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.nav-btn{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(138 229 149 / var(--tw-bg-opacity));padding:.375rem .75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\!p{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.\!p{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}}.p{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.p{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-5{bottom:1.25rem}.left-0{left:0}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-10{top:2.5rem}.top-12{top:3rem}.top-14{top:3.5rem}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.m-0{margin:0}.m-10{margin:2.5rem}.m-2{margin:.5rem}.m-auto{margin:auto}.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\[7px\]{margin-left:7px;margin-right:7px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.mb-1{margin-bottom:.25rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.mr-5{margin-right:1.25rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[100\%\]{height:100%}.h-\[44px\]{height:44px}.h-\[67\%\]{height:67%}.h-\[68\%\]{height:68%}.max-h-full{max-height:100%}.min-h-max{min-height:max-content}.w-10{width:2.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-40{width:10rem}.w-6{width:1.5rem}.w-\[100\%\]{width:100%}.w-\[114px\]{width:114px}.w-\[115px\]{width:115px}.w-\[13\%\]{width:13%}.w-\[44px\]{width:44px}.w-\[55\%\]{width:55%}.w-\[70\%\]{width:70%}.w-\[80\%\]{width:80%}.w-\[90\%\]{width:90%}.w-\[95vw\]{width:95vw}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.min-w-\[50\%\]{min-width:50%}.max-w-\[90\%\]{max-width:90%}.-translate-x-3{--tw-translate-x: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-2{--tw-translate-x: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50px\]{--tw-translate-y: -50px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[1px\]{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[2px\]{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[7deg\]{--tw-rotate: -7deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[7deg\]{--tw-rotate: 7deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fade{0%{opacity:0}to{opacity:1}}.animate-fading{animation:fade .3s ease-in-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes unfade{0%{opacity:0}to{opacity:1}}.animate-unfading{animation:unfade .3s ease-in-out}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.whitespace-pre{white-space:pre}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-tr-\[4rem\]{border-top-right-radius:4rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-\[2px\]{border-bottom-width:2px}.border-l{border-left-width:1px}.border-none{border-style:none}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-x-green-gradient-start{--tw-border-opacity: 1;border-left-color:rgb(138 229 149 / var(--tw-border-opacity));border-right-color:rgb(138 229 149 / var(--tw-border-opacity))}.border-b-\[\#8ae595\]{--tw-border-opacity: 1;border-bottom-color:rgb(138 229 149 / var(--tw-border-opacity))}.bg-\[\#684ee4\]{--tw-bg-opacity: 1;background-color:rgb(104 78 228 / var(--tw-bg-opacity))}.bg-\[\#777070\]{--tw-bg-opacity: 1;background-color:rgb(119 112 112 / var(--tw-bg-opacity))}.bg-\[\#8ae595\]{--tw-bg-opacity: 1;background-color:rgb(138 229 149 / var(--tw-bg-opacity))}.bg-\[\#D3D3D3\]{--tw-bg-opacity: 1;background-color:rgb(211 211 211 / var(--tw-bg-opacity))}.bg-\[\#F1F0F0\]{--tw-bg-opacity: 1;background-color:rgb(241 240 240 / var(--tw-bg-opacity))}.bg-\[\#F73333\]{--tw-bg-opacity: 1;background-color:rgb(247 51 51 / var(--tw-bg-opacity))}.bg-\[\#dbd8d8\]{--tw-bg-opacity: 1;background-color:rgb(219 216 216 / var(--tw-bg-opacity))}.bg-\[\#e5e3e3\]{--tw-bg-opacity: 1;background-color:rgb(229 227 227 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-\[6px\]{padding:6px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[1\.9rem\]{padding-left:1.9rem;padding-right:1.9rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0\.5{padding-bottom:.125rem}.pb-10{padding-bottom:2.5rem}.pl-3{padding-left:.75rem}.pt-1\.5{padding-top:.375rem}.text-left{text-align:left}.text-center{text-align:center}.font-\[Melody-Regular\]{font-family:Melody-Regular}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[\.9rem\]{font-size:.9rem}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[2rem\]{font-size:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#8ae595\]{--tw-text-opacity: 1;color:rgb(138 229 149 / var(--tw-text-opacity))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-\[\.4\]{opacity:.4}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-black{outline-color:#000}.drop-shadow-glow{--tw-drop-shadow: drop-shadow(0 0px 20px rgba(255,255, 255, .35)) drop-shadow(0 0px 65px rgba(255, 255,255, .2));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.running{animation-play-state:running}.after\:from-black:after{content:var(--tw-content);--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.after\:to-white:after{content:var(--tw-content);--tw-gradient-to: #fff var(--tw-gradient-to-position)}.hover\:bg-\[\#c2bfbf\]:hover{--tw-bg-opacity: 1;background-color:rgb(194 191 191 / var(--tw-bg-opacity))}.hover\:bg-\[\#dbd8d8\]:hover{--tw-bg-opacity: 1;background-color:rgb(219 216 216 / var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}@media (max-width: 768px){.Mobile\:bottom-0{bottom:0}.Mobile\:left-0{left:0}.Mobile\:mx-3{margin-left:.75rem;margin-right:.75rem}.Mobile\:my-8{margin-top:2rem;margin-bottom:2rem}.Mobile\:mt-2{margin-top:.5rem}.Mobile\:mt-20{margin-top:5rem}.Mobile\:hidden{display:none}.Mobile\:w-auto{width:auto}.Mobile\:w-full{width:100%}.Mobile\:w-max{width:max-content}.Mobile\:rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.Mobile\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.Mobile\:py-1{padding-top:.25rem;padding-bottom:.25rem}.Mobile\:text-2xl{font-size:1.5rem;line-height:2rem}.Mobile\:text-5xl{font-size:3rem;line-height:1}.Mobile\:text-\[15px\]{font-size:15px}}@media (min-width: 768px){.md\:w-\[40\%\]{width:40%}}@media (min-width: 1024px){.lg\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width: 1280px){.xl\:text-\[15px\]{font-size:15px}.xl\:text-\[30px\]{font-size:30px}}@media (prefers-color-scheme: dark){.dark\:border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.dark\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.dark\:bg-transparent{background-color:transparent}.dark\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:fill-white{fill:#fff}.dark\:text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:outline{outline-style:solid}.dark\:outline-white{outline-color:#fff}.dark\:hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.dark\:hover\:shadow-inner:hover{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:hover\:shadow-white:hover{--tw-shadow-color: #fff;--tw-shadow: var(--tw-shadow-colored)}@media (max-width: 768px){.dark\:Mobile\:hover\:translate-y-\[30rem\]:hover{--tw-translate-y: 30rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 768px){.dark\:md\:active\:translate-y-\[30rem\]:active{--tw-translate-y: 30rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}}@font-face{font-family:Melody;src:url(src/fonts/BLMelody-Bold.otf);font-display:swap}@font-face{font-family:Melody-md;src:url(/assets/BLMelody-Medium-BkfWj82u.otf);font-display:swap}@font-face{font-family:Melody-regular;src:url(/assets/BLMelody-Regular-BXoCbp6x.otf);font-display:swap}*{font-family:Melody-md}html{scroll-behavior:smooth;scroll-snap-type:mandatory}.nav-ul .btn-container{width:90%;display:none}.signup-bg{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;top:0}.notesvault{height:3rem;background:#fff;padding:12px;border-radius:10px;box-shadow:0 0 10px #0000001a}.Salutation{top:0}h1{text-align:center}.signupcontainer{background-color:#fff;display:flex;align-items:center;flex-direction:column-reverse;justify-content:space-between;width:80vw;border-radius:30px}.signup-img{pointer-events:none;height:35vh;margin-top:10px}.form{display:flex;flex-direction:column;justify-content:space-between}.label-p{display:flex;flex-direction:row;margin-bottom:5px}.required{color:red;margin:0}.input-label{margin:10px 0}.input-label input{width:96%;font-size:16px;outline:none;border:none;border-bottom:1px solid #000}.signup-btn{margin:19px auto auto;background:linear-gradient(90deg,#8ae595,#dbffdf);color:#000;padding:10px 0;outline:none;border:none;justify-content:center;border-radius:20px;font-weight:700;width:150px}.signup-btn:disabled{margin-top:19px;background:linear-gradient(90deg,gray,gray);color:#fff;padding:10px 0;outline:none;border:none;border-radius:20px;font-weight:700;width:150px}.login-txt{display:flex;justify-content:center;margin-top:10px;margin-bottom:10px;text-decoration:none;outline:none;color:#878787;font-size:12px;text-align:center}.hrl{display:flex;align-items:center;width:24%;height:1px;margin-left:8px;margin-right:8px;background-color:#878787}.cont{display:flex;flex-direction:row;align-items:center;justify-content:center}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.Navbar{display:flex;flex-direction:row;justify-content:space-between;position:fixed;width:100%;align-items:center;background-color:#fff;box-shadow:0 0 10px #0003;top:0;left:0;z-index:100}.nav-logo{height:45px;margin-top:6px;padding-bottom:3px;margin-left:10px;-webkit-user-select:none;user-select:none}hr{display:none}.nav-ul{display:flex;margin:20px;justify-content:center;flex-direction:row;align-items:center}.a{background-color:#8ae595;text-decoration:none;color:#fff;font-weight:700;padding:7px 11px;border-radius:30px;transition:all .1s ease-in-out}.btn-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.Navbar ul li a:hover{background-color:#488b50;color:#fff}.uls-container{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:12px}.ul-container{display:flex;justify-content:space-between;flex-direction:row;align-content:center;align-items:center}.dropdown-user-cont{display:flex;justify-content:space-between}.dropdown{position:relative}.links:hover{background-color:#8ae595;color:#fff}.link-icon{stroke-width:.1px}.link-icon:hover{background-color:#8ae595;color:#fff}.link-i-c{stroke-width:1;width:100%;color:#8ae595;color:#fff}.links{position:relative;padding:7px;border-radius:10px;align-items:center;text-align:center;font-size:15px;display:flex;color:#8ae595;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.links-dropdown{list-style:none;font-size:15px;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px 1px #0000001a;position:absolute;top:calc(100% + .2rem);width:max-contentz;padding:10px;background-color:#8ae595;opacity:0;pointer-events:none;transform:translateY(-20px)}.dropdown:focus-within>.links{background-color:#8ae595;color:#fff}.dropdown:focus-within .links-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);transition:all .15s ease-in-out}.dropdown:not(:focus-within) .links-dropdown{opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .15s ease-in-out}.dropdown-user:focus-within>.links-user{transform:scale(1.1);transition:all .15s ease-in-out}.dropdown-user:focus-within .links-dropdown-user{opacity:1;pointer-events:auto;transform:translateY(0);transition:all .15s ease-in-out}.dropdown-user:not(:focus-within)>.links-user{transform:scale(1);transition:all .15s ease-in-out}.imp-links{position:absolute;top:calc(100% + .1rem);width:100%;display:block;list-style:none}.imp-link2{margin-top:40px}.user-icon{position:relative}.user-details{position:relative;background-color:wheat}.links-dropdown-user p{display:flex;margin:0;padding:5px;word-wrap:break-word}::selection{color:#fff;background:#8ae595}.intro-text-sec{display:flex;flex-direction:column;align-items:center;-webkit-user-select:#458445;user-select:#458445;transform:translate(50px)}.intro-img-sec{overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.check-icon{height:40px;margin-right:5px}.head-intro,.head-intro h1{font-family:Melody;font-weight:500;margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;font-size:4.5rem}.hi{margin-top:110px;margin-bottom:0}.hi p{font-family:Melody-md;margin:0;font-size:5rem}.head-intro-img{width:28rem;background-color:#fff;border:4px dashed #8ae595;display:flex;align-items:center;justify-content:center;margin:0rem}.hi{font-family:Melody;font-size:3.5rem;font-weight:500}.intro{font-size:35px;display:flex;justify-content:center;align-items:center;margin:auto;margin-top:4rem;width:65%;font-family:Melody-md;margin-bottom:10px;text-align:center}.macbook{width:50rem;margin-top:8rem;transform:translate(10rem);position:relative}.iphone{width:15rem;left:55%;top:8rem;transform:translateY(3rem) translate(4rem);position:absolute;overflow:hidden}.intro-section-notesvault{display:flex;flex-direction:row;-webkit-user-select:none;user-select:none;height:580px;pointer-events:none}.login{font-size:18px;margin:0 5px 10px 0;padding:10px 15px;background-color:#fff;color:#8ae595;border:2px solid #8ae595}.signup{font-size:18px;margin:0 0 10px 5px;padding:10px 15px}.review-section{transform:translateY(50px);overflow-x:hidden;overflow-y:hidden;position:relative}.reviews-container:before{position:absolute;content:"";z-index:100;width:5rem;height:240px;bottom:0;left:0;background:linear-gradient(to left,#fff0,#fff)}.reviews-container:after{position:absolute;content:"";z-index:100;width:5rem;height:240px;bottom:0;right:0;background:linear-gradient(to right,#fff0,#fff)}.review-heading{transform:translateY(50px);font-weight:500;margin:20px;overflow:hidden;font-size:30px;text-align:center}.card-img{border-radius:50%;image-rendering:optimizeSpeed;object-fit:cover;object-position:55% 0px}.card:hover .card-img{transform:scale(1.5);margin-right:10px;overflow:hidden;transition:all;transition-duration:.4s;transition-delay:.1s}.card:not(:hover) .card-img{transform:scale(1);margin-right:1px;transition:all;transition-duration:.4s;transition-delay:.1s}.card h4{font-family:Melody-md;margin:0;font-weight:500;font-size:1rem}@keyframes fmovement{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes bmovement{0%{transform:translate(100%)}to{transform:translate(0)}}.card-section1{margin-top:6rem;display:flex;justify-content:space-around;white-space:nowrap;width:auto}.card-section2-container{display:flex;justify-content:space-around;white-space:nowrap;width:auto;transform:translate(-50%)}.class-section2{display:flex;animation-fill-mode:backwards;animation:bmovement 50s linear infinite}.card-section1{transform:translate(-50%)}.card-section{display:flex;animation-fill-mode:forwards;animation:fmovement 50s linear infinite}.card-section2-container:hover .class-section2,.card-section1:hover .card-section{animation-play-state:paused}.card{justify-content:space-around;min-width:310px;align-items:center;padding-right:19px;overflow:hidden;border-radius:30px 30px 0/30px 30px 0px;box-shadow:#0000001f 0 0 0 1px}.btn-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-40px}.white{background-color:#fff;color:#8ae595;border:1px solid #8ae595}.addnoteContainer{display:flex;flex-direction:column;width:70%;justify-content:center;margin:auto}.Notescontainer{margin:"";margin-top:80px}.yournotes{color:#8ae595;text-shadow:#000 1px .5px .3px;border-bottom:3px dashed #8ae595;display:block;width:fit-content;margin:50px auto auto;font-size:35px;text-align:center}.savednote-container{padding:10px;min-height:100px;margin:20px auto auto;border-radius:20px;width:80%;background-color:#f1f0f0}.snotes{margin-top:100px}.note-tags{background-color:#fff;font-size:12px;padding:7px 15px;margin-left:7px;border-radius:20px;font-style:italic;font-weight:700;display:inline-flex}.note-title{margin:10px;word-break:break-word}.notes-box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow-x:hidden;width:fit-content;margin:auto}.react-icons{display:flex;margin-top:20px;flex-direction:row;z-index:10;justify-content:flex-end}.delete-icon{background-color:#8ae595;padding-left:10px;padding-right:14px;display:flex;margin:5px;justify-content:center;align-items:center;border-radius:20px;cursor:pointer}.edit-icon{vertical-align:middle;background-color:#8ae595;padding:7px 14px;display:flex;margin:5px 10px 5px 5px;border-radius:20px;cursor:pointer}.icon-text{display:inline-flex;flex-direction:row;align-items:center;margin-left:3px;margin-top:2px}@media screen and (min-width: 0px) and (max-width: 698px){.Modal-form{margin:0;padding:0;width:75%}.notes-box{margin-bottom:20px}}#etitle,#etag{width:100%;outline:none;background-color:#f1f0f0;border-radius:6px;border:none;padding:10px}#edescription{margin-top:10px;width:100%;resize:none;border-radius:6px;padding-top:40px;padding-bottom:40px;padding-left:18px;margin-bottom:10px;background-color:#f1f0f0;outline:none;border:none}.edit-btn{margin:20px 15px 15px;font-size:18px;padding:10px 15px;color:#fff;background-color:#8ae595;border:none;border-radius:50px}.edit-btn-cont{display:flex;flex-direction:row}.edit-btn-cancel{background-color:gray;margin:20px 15px 15px;font-size:18px;padding:10px 15px;color:#fff;cursor:pointer;border-radius:50px}.modal-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#f1f0f0;opacity:.8;z-index:60;overflow-y:hidden}@media screen and (min-width: 0px) and (max-width: 398px){.divider,.dropdown-user{display:none}.ul-container{align-items:center}.dropdown-user-cont{display:flex;justify-content:space-between}.nav-ul{width:100%;right:10%}.Navbar{display:flex;justify-content:space-between}.addnoteContainer{width:80%;margin:auto}.notes-box{display:flex;justify-content:center;flex-direction:column}.edit-btn{font-size:12px;margin:20px 5px 5px;color:#fff;background-color:#8ae595;border:2px solid #8ae595;border-radius:50px}.a{font-family:Melody-md;font-weight:500}.edit-btn-cancel{background-color:gray;border:none}.edit-btn-cont{display:flex;flex-direction:row}.cancel-btn{display:none}.Alert{position:fixed;display:flex;width:95%;margin-left:7px;justify-content:space-evenly}.alert-msg{font-size:14px}#etitle{padding:15px;font-family:Melody-md;font-size:18.72px}#etag{font-size:16px;padding:15px}#edescription{font-size:16px;padding:15px;height:9rem}}@media screen and (min-width: 367px) and (max-width: 600px){.input-label input{width:60vw}.Notescontainer{display:flex;margin-top:60px;justify-content:center}.addnoteContainer{width:80%}.signup-img{height:46vh;display:flex;justify-content:center;align-items:center}.divider{display:none}.signupcontainer{margin-top:80px}.notes-box{display:flex;justify-content:center;flex-direction:column}.Alert{position:fixed;display:flex;width:85%;margin-left:26px;justify-content:space-evenly}.alert-msg{font-size:14px}}@media screen and (min-width: 470px) and (max-width: 600px){.alert-container{display:flex;margin:auto;justify-content:right;align-items:center}.Alert{position:fixed;display:flex;width:75%;justify-content:space-evenly}}@media screen and (min-width: 601px) and (max-width: 900px){.input-label input{width:60vw}.signup-img{height:60vh;display:flex;justify-content:center;align-items:center}.divider{display:none}.signupcontainer{margin-top:80px}}@media screen and (min-width: 901px){.form-container{display:flex;flex-direction:row-reverse;justify-content:space-around;margin-top:80px}.signupcontainer{display:flex;justify-content:center;align-items:center;width:70%}.signup-img{height:50vh;margin-top:0}.form-container{width:90%;margin-top:0;padding:10px}form{margin-left:40px;margin-top:10px}hr{height:260px}}@media screen and (min-width: 1200px){.signupcontainer{display:flex;padding:10px;justify-content:center;align-items:center;width:50%}.savednote-container{padding:10px;margin-top:20px;border-radius:20px;width:30%;background-color:#f1f0f0}}.Error{background-color:#f88989;border:2px solid red;color:#fff;text-decoration:none}.text-Error{color:#900b0b}.proofs-need span{margin-top:6rem}.proofs-need span>h3{font-size:35px;order:2;display:flex;justify-content:center;align-items:center;margin:auto auto 10px;font-weight:500;width:100%;font-family:Melody-md;text-align:center}.footer-section{background-color:#8ae595}.shit-icon:after{height:10rem}.proofs-need{display:flex;width:100%;order:2;margin-top:4rem;margin-bottom:10rem;justify-content:space-evenly}.copyright{padding:10px}.footer-cont{margin-top:2rem}.hr{margin-top:3.5rem;height:140px;width:1.5px;background-color:#736f6f;background:#fff}.last-footer-cont{display:flex;width:20%;justify-content:space-between}.footer-section{background:#a1ebaa;color:#fff}.intro{display:flex;flex-direction:column}.intro img{height:1.3rem;color:#8ae595;forced-color-adjust:#8ae595}.review-heading{display:flex;flex-direction:column}.review-heading img{height:1.3rem;justify-content:center;align-items:center;margin:auto}.footer-section span{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:2rem;margin-top:2rem}.footer-section h3 p{box-shadow:10px 10px 10px 10px #00000080}.footer-section h3{font-family:Melody-md;font-weight:500}.footer-section p{font-family:Melody-regular}.nav-logo1{display:block;margin-bottom:4px}.nav-logo2{display:none}.copyright{margin-left:1.5rem}.year{margin-right:1.5rem}.logo-nav-1{display:flex}@media only screen and (max-width:800px){.nav-logo1{display:none;margin:0;padding:0}.logo-nav-1{display:none}.nav-logo2{display:flex}.dropdown,.links{font-size:15px}.intro-section-notesvault{flex-direction:column;height:43rem}.macbook{width:24rem;transform:translate(1px) scale(1);position:relative;display:flex;justify-content:center;align-items:center}.iphone{width:6rem;top:6rem;transform:translateY(0) translate(-50%);position:absolute}.intro{font-size:25px;display:flex;justify-content:center;align-items:center;width:90%;margin:4rem auto;font-family:Melody-md;margin-bottom:10px;text-align:center}.intro-text-sec{transform:translate(0);margin:24px auto}.hi,.hi p{font-size:3rem;font-family:Melody-md;font-weight:500;margin-top:1rem}.head-intro-img{width:20rem;background-color:#fff;border:4px dashed #8ae595;display:flex;align-items:center}.head-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3rem;font-family:Melody-md;font-weight:500}.review-section{overflow:hidden}.man-right,.last-footer-cont{display:none}.footer-cont{font-size:12px;margin-top:1rem;margin-bottom:0rem}.hr{margin-top:2rem;border:.5px dotted white;align-items:center;height:120px;width:1px;background:#fff}.copyright{margin:1rem 0rem}.year{display:none}.footer-section span{margin:1rem}.verified-spans{flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;margin-top:30px;margin-bottom:30px}.review-heading{font-size:25px}.proofs-need span>h3{font-size:25px;width:90%}.proofs-need{flex-direction:column-reverse;justify-content:center;align-items:center;margin-bottom:0;margin-top:0rem}.man-left{margin:1rem;transform:translate(0);transform:translateY(32px)}.hi{margin-top:1rem;display:flex;transform:translate(-35px);justify-content:center;width:100%;align-items:center}.hi p{margin-left:.6rem}.hi,.hi p{font-size:33px;margin-top:0rem;font-family:Melody-md;font-weight:500}.head-intro{font-size:37px;font-family:Melody-md;font-weight:500}.intro-section-notesvault{display:flex;flex-direction:column-reverse}.head-intro h1{font-family:Melody-md;font-weight:500;font-size:35px;transform:translate(15px)}.Navbar{width:100%}.links{margin:0;padding:0}.intro-section-notesvault{overflow-x:hidden}.links:hover{background-color:#fff;color:#8ae595}.dropdown:focus-within>.links{background-color:#fff;color:#8ae595}.intro{margin:2rem .3rem .3rem}.nav-ul{margin:10px 0}.review-heading{margin-top:0}.review-section{transform:translateY(0)}.proofs-need span{margin-top:2rem}.macbook{overflow:auto;margin-top:0rem}.intro-section-notesvault{height:35rem;transform:scale(1)}}@media only screen and (max-width:320px){.macbook{transform:scale(.8)}.iphone{width:6rem}}@media only screen and (min-width:801px) and (max-width:1240px){.intro-img-sec{overflow:hidden}.links{transform:translate(-10px)}.links:focus-within{background-color:#fff}.last-footer-cont{width:26%}.macbook{transform:translate(9rem)}.iphone{transform:translate(3rem) translateY(3rem);width:12rem}.intro-text-sec{transform:translate(13rem);font-family:Melody-md;font-weight:500}.hi,.h1>h2{font-size:3rem}.head-intro h1{font-size:3.2rem}.head-intro-img{width:24rem}.home-container{overflow:hidden}}.form-contact{font-family:Melody-md;font-weight:500;display:flex;flex-direction:column;margin-top:4.8rem}.contact-page{display:flex;width:100%;justify-content:space-around;align-items:center}.input-container{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.username-input{padding:10px;border-radius:20px;border:2px solid #8ae595;position:relative;z-index:1;cursor:pointer}.username-input:focus-visible{border:2px solid #8ae595}.username-input::placeholder{color:transparent}.labelname{position:absolute;z-index:2;top:12px;left:20px;font-size:15px;background-color:#fff;border-radius:20px;padding:0;pointer-events:none}.username-input:focus+.labelname,.username-input:not(:placeholder-shown)+.labelname{top:0;transform:translateY(-7px);padding:0 3px;font-size:13px;transition:all .2s}.username-input:focus+.labelname,.username-input:placeholder-shown+.labelname{transition:all .2s}.input-container{margin:10px 0}.name-container{display:flex;width:100%}.name-container .input-container:last-child{display:flex;width:100%;justify-content:space-between}.name-container .input-container{margin:0 2px}.username-input{font-size:15px;width:100%}.username-input:active{border:2px solid #8ae595}.phone-container{display:flex;flex-direction:row}.form-contact{border:2px solid #8ae595;padding:10px 20px;border-radius:20px}.form-contact input{box-shadow:1px 5px #00000017}.email-container{margin-top:20px}.PhoneInputInput{display:none}.PhoneInputCountryIcon--border{border:none;border:2px solid #8ae595;--PhoneInputCountryFlag-backgroundColor--loading: white;padding:10px;border-radius:20px;box-shadow:1px 5px #00000017;background-color:transparent;--PhoneInputCountryFlag-borderWidth: none}.PhoneInputCountrySelectArrow,.PhoneInputCountrySelectArrow:focus-within{display:hidden;color:#8ae595}.PhoneInputCountryIcon--border:focus-within{transform:scale(3.2)}.form2-submit{background-color:#8ae595;padding:10px;width:30%;margin:10px auto;display:flex;border-radius:20px;color:#fff;justify-content:center;align-items:center;border:none}.messege{resize:none;box-shadow:1px 5px #00000017}@keyframes fillnow{0%{transform:translate(13rem)}to{transform:translate(17rem)}}.fill-form-cont{position:relative}.fill-form{animation-fill-mode:forwards;animation:fillnow 1s alternate infinite;position:relative;display:flex;font-size:25px;transform:translate(0);cursor:pointer}.send-email{text-decoration:none;border:none;font-size:24px;padding:10px;border-radius:40px;display:flex;text-align:center;justify-content:center;align-items:center;width:45%;color:#fff;background-color:#8ae595;box-shadow:1px 5px #00000017}.contact-w-buttons{display:flex;width:100%;font-size:20px;align-items:center;justify-content:space-around;margin-top:0}.contact-w-buttons a{font-size:20px}.wanna-talk{margin-top:7rem;text-align:center;font-size:50px;font-family:Melody;font-weight:500;word-wrap:break-word;width:50%;line-height:1.4}.About-container{display:flex;flex-direction:column}.aboutme-heading{margin-top:8rem;font-size:3rem;font-family:Melody-md;font-weight:500;text-align:left;margin-left:2rem}.para-img-cont{display:flex;justify-content:space-evenly;width:100%;align-items:center}@media only screen and (max-width:800px){.contact-w-buttons{margin-top:30px}.wanna-talk{width:85%}.contact-w-buttons a{font-size:15px}.contact-page{flex-direction:column}.fill-form{order:2;justify-content:center;transform:translate(0);animation-play-state:paused;animation:none;margin:inset}}@media screen and (min-width: 0px) and (max-width: 500px){.wanna-talk{order:1;font-size:26px;width:90%;margin-top:5rem}.form-contact{margin:10px 20px}.contact-w-buttons{order:3}.form-contact{order:4}.contact-w-buttons a{font-size:14px}.wanna-talk{font-size:24px}.fill-form{font-size:20px}.labelname{left:12px}.input:hover{outline:none;border:2px solid #8ae595}.hr{border:none;width:1.3px}.man-left{margin:2rem}.footer-section span{width:95%;display:flex;justify-content:space-evenly;align-items:center;margin:auto}.copyright{font-size:13px;text-align:center;width:95%}.form-contact{margin-bottom:2rem}}@media only screen and (min-width:801px) and (max-width:1090px){.wanna-talk{font-size:35px;width:45%;margin-top:1rem}.contact-page{justify-content:space-evenly}}@media only screen and (min-width:801px) and (max-width:950px){.form-contact{width:35%}.fill-form{animation-play-state:paused}}@media only screen and (min-width:801px) and (max-width:825px){.contact-w-buttons a{font-size:18px}.contact-w-buttons{margin-top:2rem}.fill-form{margin:40px auto}.wanna-talk{font-size:33px;margin-bottom:3rem}}@media only screen and (min-width:501px) and (max-width:800px){.form-contact{margin-top:2rem;margin-bottom:4rem}.wanna-talk{font-size:45px;margin-bottom:2rem}}@media only screen and (min-width:0px) and (max-width:900px){.para-img-cont{flex-direction:column-reverse}}.end-greet{display:block;width:90%;font-family:Melody-md;font-weight:500;justify-content:center;align-items:center;text-align:center;margin:auto;line-height:1.5;color:#8ae595;margin-top:3rem;margin-bottom:2rem;text-transform:uppercase}.dropdown-user{display:flex;align-items:center}.buttons-home{display:flex;width:70%;margin:10px;padding:0;justify-content:center;align-items:center;font-size:20px}.buttons-home1{list-style:none;margin-right:25px;text-decoration:none;padding:7px 10px 6px;border-radius:20px;color:#8ae595;border:1.6px solid #8ae595;box-shadow:1px 5px #00000017;cursor:pointer}.buttons-home2{list-style:none;margin-left:25px;text-decoration:none;background-color:#8ae595;padding:7px 10px 6px;border-radius:20px;color:#fff;box-shadow:1px 5px #00000017;cursor:pointer}.buttons-home2:hover,.buttons-home1:hover{box-shadow:1px 5px #00000017;transform:translateY(-7px);transition:all .3s cubic-bezier(.85,.33,.24,.75)}.buttons-home2:not(:hover),.buttons-home1:not(:hover){box-shadow:none;transform:translateY(0);transition:all .3s cubic-bezier(.85,.33,.24,.75)}@media screen and (min-width: 0px) and (max-width: 398px){.links{transform:translate(-40px)}.macbook{width:100vw;overflow-x:hidden;transform:translate(0)}.iphone{margin-top:.7rem}}@media only screen and (min-width:1240px){.links{transform:translate(-10px)}.links-dropdown{width:120%}.intro-section-notesvault{overflow:hidden}.intro-text-sec{transform:translate(80px)}.head-intro h1{margin-bottom:auto}}input,textarea{caret-color:#8ae595}cursor{color:#8ae595}.addnoteContainer{margin-top:2rem}.my-toast{top:20%;height:4rem;border-radius:20px}.my-masonry-grid{display:flex;margin-right:30px;margin-left:-10px}.my-masonry-grid_column{padding-left:30px;background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:30px}.icons8-delete{display:inline-block;width:30px;height:30px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNmZjJkMmQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoOC41MzMzMyw4LjUzMzMzKSI+PHBhdGggZD0iTTE0Ljk4NDM4LDIuNDg2MzNjLTAuNTUxNTIsMC4wMDg2MiAtMC45OTE5MywwLjQ2MjE0IC0wLjk4NDM3LDEuMDEzNjd2MC41aC01LjVjLTAuMjY3NTcsLTAuMDAzNjMgLTAuNTI1NDMsMC4xMDAxMiAtMC43MTU5MywwLjI4ODA1Yy0wLjE5MDUsMC4xODc5MyAtMC4yOTc3NCwwLjQ0NDM2IC0wLjI5Nzc0LDAuNzExOTVoLTEuNDg2MzNjLTAuMzYwNjQsLTAuMDA1MSAtMC42OTYwOCwwLjE4NDM4IC0wLjg3Nzg5LDAuNDk1ODdjLTAuMTgxODEsMC4zMTE1IC0wLjE4MTgxLDAuNjk2NzYgMCwxLjAwODI1YzAuMTgxODEsMC4zMTE1IDAuNTE3MjUsMC41MDA5NyAwLjg3Nzg5LDAuNDk1ODdoMThjMC4zNjA2NCwwLjAwNTEgMC42OTYwOCwtMC4xODQzOCAwLjg3Nzg5LC0wLjQ5NTg3YzAuMTgxODEsLTAuMzExNSAwLjE4MTgxLC0wLjY5Njc2IDAsLTEuMDA4MjVjLTAuMTgxODEsLTAuMzExNSAtMC41MTcyNSwtMC41MDA5NyAtMC44Nzc4OSwtMC40OTU4N2gtMS40ODYzM2MwLC0wLjI2NzU5IC0wLjEwNzI0LC0wLjUyNDAzIC0wLjI5Nzc0LC0wLjcxMTk1Yy0wLjE5MDUsLTAuMTg3OTMgLTAuNDQ4MzYsLTAuMjkxNjggLTAuNzE1OTMsLTAuMjg4MDVoLTUuNXYtMC41YzAuMDAzNywtMC4yNzAzIC0wLjEwMjE4LC0wLjUzMDU5IC0wLjI5MzUxLC0wLjcyMTU1Yy0wLjE5MTMzLC0wLjE5MDk3IC0wLjQ1MTgyLC0wLjI5NjM0IC0wLjcyMjEyLC0wLjI5MjEyek02LDlsMS43OTI5NywxNS4yMzQzOGMwLjExOCwxLjAwNyAwLjk3MDM3LDEuNzY1NjMgMS45ODQzOCwxLjc2NTYzaDEwLjQ0NTMxYzEuMDE0LDAgMS44NjUzOCwtMC43NTg2MiAxLjk4NDM4LC0xLjc2NTYybDEuNzkyOTcsLTE1LjIzNDM3eiI+PC9wYXRoPjwvZz48L2c+Cjwvc3ZnPg==) 50% 50% no-repeat;background-size:100%}.loader .stroke{display:inline-flex;position:relative;background:#f1f1f1;height:20%;width:2.5px;border-radius:50px;margin:0 1.3px;animation:animate 1.3s cubic-bezier(0,0,1,.21) infinite 1s;cursor:pointer;transition:all}@keyframes animate{0%{height:20%}10%{height:50%}50%{height:90%}75%{height:50%}to{height:20%}}.stroke:nth-child(1){animation-delay:1s}.stroke:nth-child(2){animation-delay:1.3s}.stroke:nth-child(3){animation-delay:1.6s}.stroke:nth-child(4){animation-delay:1.9s}.stroke:nth-child(5){animation-delay:1.6s}.stroke:nth-child(6){animation-delay:1.3s}.stroke:nth-child(7){animation-delay:1s}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important}.my-masonry-grid_column{width:90%}*{margin:0;padding:0;box-sizing:border-box}.note-description{font-family:Arial,sans-serif}.note-description h1{font-size:23px;font-family:Arial,sans-serif;margin-bottom:15px}.note-description h2{font-size:1.5em;margin-top:20px;margin-bottom:10px}.note-description p{margin-bottom:15px;font-family:Arial,sans-serif}.note-description ul,.note-description ol{padding-left:20px;margin-bottom:15px}.note-description li{margin-bottom:10px}.note-description img{display:block;margin:20px auto 0}.like-button{stroke:#000;stroke-width:2}.heart{fill:#fe0000;transition:all}.scrollbar{scrollbar-width:thin;scrollbar-color:rgb(192,191,191) #fff;border-radius:10px!important}.scrollbar::-webkit-scrollbar{width:10px;border-radius:10px!important}.scrollbar::-webkit-scrollbar-track{background:#fff;-webkit-border-radius:5px}.scrollbar::-webkit-scrollbar-thumb{-webkit-border-radius:5px;background:gray}::-webkit-scrollbar-thumb{border-radius:8px;background:#c2c9d2}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.back-home-btn{display:flex;flex-wrap:nowrap;white-space:nowrap;z-index:10;justify-content:center;text-decoration:none;color:#000;font-size:20px;background:linear-gradient(90deg,#8ae595,#dbffdf);padding:15px 30px;text-align:center;border-radius:50px;width:20vw;margin:auto}.err-body{font-size:5rem}.error{margin-bottom:4rem}@media only screen and (min-width:0px) and (max-width:500px){.err-body{font-size:4rem}}