@font-face{font-family:SansPoster;src:url(/assets/SansPosterBold-c29bfadd.ttf) format("truetype");font-weight:400;font-style:normal}.app{color:var(--color-text);background:var(--color-background);transition:color .35s ease 0s,background .35s ease 0s}a{text-decoration:underline}html{font-size:14px}@media (min-width: 640px){html{font-size:16px}}.project-container section{margin-top:4rem;margin-bottom:4rem}.para{font-size:1rem;font-weight:500;line-height:2rem;color:var(--color-gray-600)}.heading{margin-top:4rem;margin-bottom:4rem;text-align:center;font-size:3rem;line-height:1;font-weight:700}.sub-subheading{margin-top:1rem;margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}.subheading{margin-top:3rem;margin-bottom:3rem;font-size:1.875rem;line-height:2.25rem;font-weight:700}.skills-wrapper .subheading{position:absolute;top:50%;left:10%;margin:0;--tw-translate-y: -50%;--tw-translate-x: -50%;--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));border-bottom-width:2px;padding:0;text-align:center;font-size:1.5rem;line-height:2rem;text-transform:uppercase;color:var(--color-secondary)}.skills-web-development,.skills-others{margin-left:auto;margin-right:auto;display:flex;width:90%;flex-wrap:wrap;justify-content:center;gap:2rem}@media (min-width: 640px){.skills-web-development,.skills-others{width:70%}}@media (min-width: 768px){.skills-web-development,.skills-others{width:60%}}.problems-thought-container{display:flex;flex-direction:column;align-items:flex-start}.shadow-high{box-shadow:var(--shadow-elevation-high)}.shadow-medium{box-shadow:var(--shadow-elevation-medium)}.shooting-star{position:absolute;top:50%;left:50%;width:2px;height:2px;background:var(--color-shooting-star-head);border-radius:50%;box-shadow:0 0 0 2px var(--color-shooting-star-head-shadow),0 0 0 4px var(--color-shooting-star-head-shadow),0 0 16px var(--color-shooting-star-head-shadow);animation:shootingStarAnimation 3s linear infinite}.shooting-star:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:100px;height:1px;background:linear-gradient(90deg,var(--color-shooting-star-tail),transparent)}@keyframes shootingStarAnimation{0%{transform:rotate(315deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translate(-1000px);opacity:0}}.icon{width:1em;height:1em;fill:currentColor}.icon--lg{width:1.5em;height:1.5em}.loader{width:20px;height:20px;border:2px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--toast-success-hue: 150;--toast-error-hue: 20;--toast-warning-hue: 205;--toast-padding: 1.5em;--toast-margin: .5em;--toast-bg-color-fallback: hsl(var(--secondary-hue) 15% 100%);--toast-text-color-fallback: hsl(var(--secondary-hue) 10% 25%);--toast-opacity: .99;--toast-content-gap: 1em}.toast{background-color:var(--toast-bg-color-fallback);padding:var(--toast-padding);box-shadow:hsl(var(--secondary-hue) 10% 10% / 10%) 0 1px 3px 0,hsl(var(--secondary-hue) 10% 10% / 5%) 0 1px 2px 0;border-radius:.5em;position:relative;color:var(--toast-text-color-fallback);opacity:var(--toast-opacity)}.toast:hover{opacity:1;box-shadow:hsl(var(--secondary-hue) 10% 10% / 30%) 0 1px 3px 0,hsl(var(--secondary-hue) 10% 10% / 15%) 0 1px 2px 0}.toast+.toast{margin-top:var(--toast-margin)}.toast-message{display:flex;gap:var(--toast-content-gap);align-items:top}.toast-close-btn{position:absolute;top:.5em;right:.5em;padding:0;line-height:1;height:1em;width:1em;background:none;border:none;cursor:pointer;color:inherit}.toast--success{color:hsl(var(--toast-success-hue) 97% 3%);background-color:hsl(var(--toast-success-hue) 98% 99%)}.toast--success .icon--thumb{color:hsl(var(--toast-success-hue) 90% 40%)}.toast--error{color:hsl(var(--toast-error-hue) 97% 3%);background-color:hsl(var(--toast-error-hue) 98% 99%)}.toast--error .icon--thumb{color:hsl(var(--toast-error-hue) 90% 40%)}.toast--warning{color:hsl(var(--toast-warning-hue) 97% 3%);background-color:hsl(var(--toast-warning-hue) 98% 99%)}.toast--warning .icon--thumb{color:hsl(var(--toast-warning-hue) 90% 40%)}:root{--toast-speed: .25s;--toast-list-scrollbar-width: .35em;--toast-list-width: 400px;--toast-list-padding: 1em}.toast-list{position:fixed;padding:var(--toast-list-padding);width:100%;max-width:var(--toast-list-width);max-height:100vh;overflow:hidden auto}.toast-list--top-left{top:0;left:0}.toast-list--top-right{top:0;right:0}.toast-list--bottom-left{bottom:0;left:0}.toast-list--bottom-right{bottom:0;right:0}@keyframes toast-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.toast-list--top-left .toast,.toast-list--bottom-left .toast{animation:toast-in-left var(--toast-speed)}.toast-list--top-right .toast,.toast-list--bottom-right .toast{animation:toast-in-right var(--toast-speed)}.toast-list .toast{transition:transform var(--toast-speed),opacity var(--toast-speed),box-shadow var(--toast-speed) ease-in-out}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}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-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;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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: }::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: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-1\/2{left:50%;right:50%}.-left-1{left:-.25rem}.-right-0{right:-0px}.-right-1\/2{right:-50%}.-top-0{top:-0px}.-top-12{top:-3rem}.-top-24{top:-6rem}.-top-60{top:-15rem}.bottom-0{bottom:0}.bottom-\[-10px\]{bottom:-10px}.bottom-\[-1px\]{bottom:-1px}.bottom-\[10px\]{bottom:10px}.left-\[101\%\]{left:101%}.left-\[60\%\]{left:60%}.left-\[90\%\]{left:90%}.right-20{right:5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-32{margin-top:8rem;margin-bottom:8rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-auto{margin-top:auto;margin-bottom:auto}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.mr-8{margin-right:2rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[300px\]{height:300px}.h-\[70dvh\]{height:70dvh}.h-\[95dvh\]{height:95dvh}.h-full{height:100%}.min-h-\[120px\]{min-height:120px}.min-h-\[6rem\]{min-height:6rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[5120px\]{width:5120px}.w-\[90\%\]{width:90%}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-end{justify-items:end}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[5px\]{border-width:5px}.border-none{border-style:none}.border-\[var\(--color-gray-100\)\]{border-color:var(--color-gray-100)}.border-\[var\(--color-gray-300\)\]{border-color:var(--color-gray-300)}.border-\[var\(--color-secondary\)\]{border-color:var(--color-secondary)}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-\[var\(--color-secondary\)\]{background-color:var(--color-secondary)}.bg-\[var\(--color-sky-from\)\]{background-color:var(--color-sky-from)}.bg-\[var\(--color-success\)\]{background-color:var(--color-success)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-\[var\(--color-gray-1000\)\]{fill:var(--color-gray-1000)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\[10\%\]{padding-left:10%;padding-right:10%}.px-\[5\%\]{padding-left:5%;padding-right:5%}.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-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-\[20vh\]{padding-top:20vh}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.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-extrabold{font-weight:800}.font-extralight{font-weight:200}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-\[var\(--color-secondary\)\]{color:var(--color-secondary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-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-\[var\(--color-gray-200\)\]{--tw-shadow-color: var(--color-gray-200);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--color-shadow\)\]{--tw-shadow-color: var(--color-shadow);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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}.delay-1000{transition-delay:1s}.delay-\[1\.5s\]{transition-delay:1.5s}.delay-\[2000ms\]{transition-delay:2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[grid-template-columns\:1fr_2\.75rem_1fr\]{grid-template-columns:1fr 2.75rem 1fr}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html{--color-text: hsl(222deg, 22%, 5%);--color-background: hsl(0deg, 0%, 100%);--color-blurred-background: hsla(0deg, 0%, 100%, .85);--color-primary: hsl(245deg, 100%, 60%);--color-secondary: hsl(333deg, 100%, 45%);--color-tertiary: hsl(255deg, 85%, 30%);--color-decorative: hsl(200deg, 75%, 65%);--color-muted: hsl(210deg, 55%, 92%);--color-muted-background: hsla(210deg, 55%, 92%, .85);--color-info: hsl(245deg, 100%, 60%);--color-success: hsl(160deg, 100%, 40%);--color-success-background: hsla(160deg, 100%, 40%, .1);--color-error: hsl(340deg, 95%, 50%);--color-error-background: hsla(340deg, 95%, 43%, .1);--color-alert: hsl(37deg, 100%, 50%);--color-alert-background: hsla(52deg, 100%, 50%, .25);--color-venn-0: hsl(190deg, 100%, 65%);--color-venn-1: hsl(340deg, 100%, 65%);--color-gray-100: hsl(225deg, 25%, 95%);--color-gray-200: hsl(225deg, 16%, 90%);--color-gray-300: hsl(225deg, 8%, 80%);--color-gray-400: hsl(225deg, 8%, 70%);--color-gray-500: hsl(225deg, 7%, 60%);--color-gray-600: hsl(225deg, 15%, 50%);--color-gray-700: hsl(225deg, 12%, 40%);--color-gray-900: hsl(225deg, 25%, 20%);--color-gray-1000: hsl(225deg, 15%, 15%);--color-shadow: hsl(225deg, 12%, 40%);--color-subtle-background: hsl(225deg, 25%, 95%);--color-subtle-floating: hsl(0deg, 0%, 100%);--color-homepage-light: hsl(204deg, 67%, 85%);--color-homepage-dark: hsl(202deg, 71%, 90%);--color-homepage-bg: hsl(204deg, 67%, 85%);--syntax-bg: hsl(225deg, 25%, 97%);--syntax-highlight: hsl(225deg, 25%, 93%);--syntax-txt: #2a2a2a;--syntax-comment: #467790;--syntax-prop: #da0079;--syntax-bool: #bf00b8;--syntax-val: #78909c;--syntax-str: #651fff;--syntax-name: #aa00ff;--syntax-del: rgb(255, 85, 85);--syntax-regex: #3600d6;--syntax-fn: #3d5afe;--prefers-dark: false;--color-cloud-100: hsl(203deg 60% 95%);--color-cloud-300: hsl(202deg 68% 92%);--color-cloud-400: hsl(201deg 60% 86%);--color-cloud-500: hsl(200deg 80% 83%);--color-sky-from: hsl(200deg 70% 78%);--color-sky-to: hsl(200deg 70% 70%);--color-shooting-star-tail: rgb(248, 130, 5);--color-shooting-star-head: rgb(228, 94, 16);--color-shooting-star-head-shadow: rgb(228, 94, 16, .1) }.app-dark{--color-text: hsl(0deg, 0%, 100%);--color-background: hsl(210deg 15% 6%);--color-blurred-background: hsla(210deg, 30%, 8%, .85);--color-primary: hsl(230deg, 100%, 69%);--color-secondary: hsl(333deg, 100%, 52%);--color-tertiary: hsl(53deg, 100%, 50%);--color-decorative: hsl(200deg, 50%, 60%);--color-muted: hsl(210deg, 38%, 15%);--color-muted-background: hsla(210deg, 38%, 15%, .85);--color-info: hsl(230deg, 100%, 69%);--color-success: hsl(160deg, 100%, 40%);--color-success-background: hsla(160deg, 100%, 40%, .1);--color-error: hsl(340deg, 95%, 60%);--color-error-background: hsla(340deg, 95%, 43%, .1);--color-alert: hsl(30deg, 100%, 50%);--color-alert-background: hsl(40deg 13% 13%);--color-venn-0: hsl(250deg, 100%, 50%);--color-venn-1: hsl(175deg, 100%, 50%);--color-gray-100: hsl(210deg, 15%, 20%);--color-gray-200: hsl(210deg, 15%, 25%);--color-gray-300: hsl(210deg, 10%, 40%);--color-gray-400: hsl(210deg, 9%, 45%);--color-gray-500: hsl(210deg, 8%, 50%);--color-gray-600: hsl(210deg, 12%, 55%);--color-gray-700: hsl(210deg, 14%, 66%);--color-gray-900: hsl(210deg, 25%, 88%);--color-gray-1000: hsl(210deg, 25%, 96%);--color-shadow: hsl(0deg, 0%, 0%);--shadow-color: 0deg 0% 0%;--color-subtle-background: hsl(210deg, 30%, 8%);--color-subtle-floating: hsl(210deg, 22%, 15%);--color-homepage-light: hsla(200deg, 100%, 85%, 0);--color-homepage-dark: hsla(200deg, 100%, 85%, .1);--color-homepage-bg: hsl(210deg, 30%, 8%);--syntax-bg: hsl(210deg, 30%, 12%);--syntax-highlight: hsl(210deg, 30%, 18%);--syntax-txt: #fff;--syntax-comment: #6c8998;--syntax-prop: #ff39a8;--syntax-bool: #ffd600;--syntax-val: #718e9c;--syntax-str: rgb(155, 109, 255);--syntax-name: #c653ff;--syntax-del: #ff5555;--syntax-regex: #ffd700;--syntax-fn: rgb(0, 190, 255);--prefers-dark: true;--shadow-elevation-high: 0px .3px .4px hsl(var(--shadow-color) / .19), -.1px 2.8px 3.6px -.2px hsl(var(--shadow-color) / .23), -.2px 5.1px 6.6px -.4px hsl(var(--shadow-color) / .27), -.3px 7.8px 10.1px -.6px hsl(var(--shadow-color) / .3), -.4px 11.6px 15px -.8px hsl(var(--shadow-color) / .34), -.6px 17.1px 22.1px -1px hsl(var(--shadow-color) / .38), -.9px 24.9px 32.1px -1.2px hsl(var(--shadow-color) / .42), -1.3px 35.6px 46px -1.4px hsl(var(--shadow-color) / .45);--color-cloud-100: hsl(210deg 15% 6%);--color-cloud-300: hsl(212deg 40% 9%);--color-cloud-400: hsl(213deg 40% 10%);--color-cloud-500: hsl(213deg 40% 12%);--color-sky-from: hsl(214deg 40% 11%);--color-sky-to: hsl(200deg 50% 30%);--color-shooting-star-tail: white;--color-shooting-star-head: white;--color-shooting-star-head-shadow: rgb(255, 255, 255, .1) }.app-light{--color-text: hsl(222deg, 22%, 5%);--color-background: hsl(0deg, 0%, 100%);--color-blurred-background: hsla(0deg, 0%, 100%, .85);--color-primary: hsl(245deg, 100%, 60%);--color-secondary: hsl(333deg, 100%, 45%);--color-tertiary: hsl(255deg, 85%, 30%);--color-decorative: hsl(200deg, 75%, 65%);--color-muted: hsl(210deg, 55%, 92%);--color-muted-background: hsla(210deg, 55%, 92%, .85);--color-info: hsl(245deg, 100%, 60%);--color-success: hsl(160deg, 100%, 40%);--color-success-background: hsla(160deg, 100%, 40%, .1);--color-error: hsl(340deg, 95%, 50%);--color-error-background: hsla(340deg, 95%, 43%, .1);--color-alert: hsl(37deg, 100%, 50%);--color-alert-background: hsla(52deg, 100%, 50%, .25);--color-venn-0: hsl(190deg, 100%, 65%);--color-venn-1: hsl(340deg, 100%, 65%);--color-gray-100: hsl(225deg, 25%, 95%);--color-gray-200: hsl(225deg, 16%, 90%);--color-gray-300: hsl(225deg, 8%, 80%);--color-gray-400: hsl(225deg, 8%, 70%);--color-gray-500: hsl(225deg, 7%, 60%);--color-gray-600: hsl(225deg, 15%, 50%);--color-gray-700: hsl(225deg, 12%, 40%);--color-gray-900: hsl(225deg, 25%, 20%);--color-gray-1000: hsl(225deg, 15%, 15%);--color-shadow: hsl(225deg, 12%, 80%);--shadow-color: 225deg 12% 40%;--color-subtle-background: hsl(225deg, 25%, 95%);--color-subtle-floating: hsl(0deg, 0%, 100%);--color-homepage-light: hsl(204deg, 67%, 85%);--color-homepage-dark: hsl(202deg, 71%, 90%);--color-homepage-bg: hsl(204deg, 67%, 85%);--syntax-bg: hsl(225deg, 25%, 97%);--syntax-highlight: hsl(225deg, 25%, 93%);--syntax-txt: #2a2a2a;--syntax-comment: #467790;--syntax-prop: #da0079;--syntax-bool: #bf00b8;--syntax-val: #78909c;--syntax-str: #651fff;--syntax-name: #aa00ff;--syntax-del: rgb(255, 85, 85);--syntax-regex: #3600d6;--syntax-fn: #3d5afe;--prefers-dark: false;--color-cloud-100: hsl(203deg 60% 95%);--color-cloud-300: hsl(202deg 68% 92%);--color-cloud-400: hsl(201deg 60% 86%);--color-cloud-500: hsl(200deg 80% 83%);--color-sky-from: hsl(200deg 70% 78%);--color-sky-to: hsl(200deg 70% 70%);--shadow-elevation-low: 0px .3px .4px hsl(var(--shadow-color) / .2), 0px .6px .8px -.7px hsl(var(--shadow-color) / .3), -.1px 1.4px 1.8px -1.4px hsl(var(--shadow-color) / .4);--shadow-elevation-medium: 0px .3px .4px hsl(var(--shadow-color) / .21), -.1px 1.4px 1.8px -.5px hsl(var(--shadow-color) / .29), -.1px 3.1px 4px -.9px hsl(var(--shadow-color) / .37), -.3px 7.1px 9.2px -1.4px hsl(var(--shadow-color) / .45);--shadow-elevation-high: 0px .3px .4px hsl(var(--shadow-color) / .19), -.1px 2.8px 3.6px -.2px hsl(var(--shadow-color) / .23), -.2px 5.1px 6.6px -.4px hsl(var(--shadow-color) / .27), -.3px 7.8px 10.1px -.6px hsl(var(--shadow-color) / .3), -.4px 11.6px 15px -.8px hsl(var(--shadow-color) / .34), -.6px 17.1px 22.1px -1px hsl(var(--shadow-color) / .38), -.9px 24.9px 32.1px -1.2px hsl(var(--shadow-color) / .42), -1.3px 35.6px 46px -1.4px hsl(var(--shadow-color) / .45);--color-shooting-star-tail: rgb(240, 138, 117);--color-shooting-star-head: rgb(228, 94, 16);--color-shooting-star-head-shadow: rgb(228, 94, 16, .1) }:root{--font-weight-bold: 600;--font-weight-medium: 500;--font-weight-light: 400;--font-family: "Wotfard", "Wotfard-fallback", sans-serif;--font-family-mono: "League Mono", "Fira Mono", monospace;--font-family-spicy: "Sriracha", "Wotfard", Futura, -apple-system, sans-serif;--reach-dialog: 1}.hover\:scale-x-105:hover{--tw-scale-x: 1.05;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))}.hover\:underline:hover{text-decoration-line:underline}@media (min-width: 640px){.sm\:block{display:block}.sm\:w-\[80\%\]{width:80%}}@media (min-width: 768px){.md\:left-\[60\%\]{left:60%}.md\:ml-\[35\%\]{margin-left:35%}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[60\%\]{width:60%}.md\:w-\[65\%\]{width:65%}.md\:w-\[70\%\]{width:70%}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:gap-1{gap:.25rem}.md\:text-center{text-align:center}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}}