.navbar_nav-bar-container__pKpwn{box-shadow:0 4px 8px 0 rgba(0,0,0,.5);color:#fff;background-color:hsla(0,0%,60%,.25);isolation:isolate;position:relative;-webkit-backdrop-filter:blur(3rem) saturate(165%);backdrop-filter:blur(3rem) saturate(165%);z-index:100}.navbar_nav-bar__yt6_L{width:clamp(360px,100%,var(--max-width));justify-content:center;align-items:center}.navbar_nav-bar-left__K5J74{margin-left:16px}.navbar_nav-bar-left__K5J74>*{transition:var(--tr-fast)}.navbar_nav-bar-left__K5J74>:hover{color:var(--aqua)}.navbar_logo__H1B5v{font-size:var(--fs-500);letter-spacing:.5ch;text-transform:uppercase}.navbar_subtitle__I6dxK{font-size:var(--fs-200);letter-spacing:.3ch;text-transform:uppercase}.navbar_nav-bar-center__c_iSj{display:flex}.navbar_nav-btn-container__1xTJ0{position:relative}.navbar_nav-btn__F6zi0{display:block;margin:0 8px;text-transform:lowercase;letter-spacing:.1ch;font-size:.9rem;cursor:pointer;transition:var(--tr-fast);font-family:Roboto Mono;padding:8px 16px;z-index:1}@media only screen and (max-width:768px){.navbar_nav-btn__F6zi0{font-size:.7rem;padding:8px 12px}}.navbar_nav-active__2Rsdj{height:30%;width:40px;position:absolute;bottom:-6px;background-color:var(--green);filter:blur(6px);z-index:-1;border-radius:100%;transition:.3s ease-in-out}.navbar_nav-btn__F6zi0:hover{color:var(--black);background-color:var(--aqua)}.navbar_nav-btn-bg__BA1Er{display:flex}*,:after,:before{--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:rgba(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:rgba(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: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,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,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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.isolate{isolation:isolate}.mb-8{margin-bottom:2rem}.mt-0{margin-top:0}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[56px\]{margin-top:56px}.inline{display:inline}.flex{display:flex}.grid{display:grid}.h-\[400px\]{height:400px}.h-full{height:100%}.max-h-\[50svh\]{max-height:50svh}.w-\[1200px\]{width:1200px}.w-full{width:100%}.w-screen{width:100vw}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-clip{overflow:clip}.border{border-width:1px}.border-2{border-width:2px}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.align-top{vertical-align:top}.uppercase{text-transform:uppercase}.opacity-40{opacity:.4}.blur{--tw-blur:blur(8px);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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:root{--borderWidth:2px;--borderRadius:32px;--max-width:1200px;--border-radius:12px;--roboto-flex:"Roboto Flex",sans-serif;--roboto-slab:"Roboto Slab",serif;--roboto-mono:"roboto Mono",monospace;--font-variation-default:"grad" 0,"slnt" 0,"XOPQ" 96,"YOPQ" 79,"XTRA" 468,"YTUC" 712,"YTLC" 514,"YTAS" 750,"YTDE" -203,"YTFI" 738;--font-variation-wide-bold:"opsz" 144,"wght" 560,"grad" 0,"slnt" 0,"wdth" 120,"XOPQ" 96,"YOPQ" 79,"XTRA" 468,"YTUC" 712,"YTLC" 514,"YTAS" 750,"YTDE" 203,"YTFI" 738;--font-variation-narrow-thin:"opsz" 144,"wght" 200,"grad" 0,"slnt" 0,"wdth" 70,"XOPQ" 96,"YOPQ" 79,"XTRA" 468,"YTUC" 712,"YTLC" 514,"YTAS" 750,"YTDE" -203,"YTFI" 738;--font-variation-standard:"opsz" 144,"wght" 500,"grad" 0,"slnt" 0,"wdth" 120,"XOPQ" 96,"YOPQ" 79,"XTRA" 468,"YTUC" 712,"YTLC" 514,"YTAS" 750,"YTDE" -203,"YTFI" 738;--font-variation-all-caps:"opsz" 8 "wght" 500 "grad" 0 "slnt" 0 "wdth" 75 "XOPQ" 96 "YOPQ" 79 "XTRA" 468 "YTUC" 712 "YTLC" 514 "YTAS" 750 "YTDE" -203 "YTFI" 738;--font-variation-long:"opsz" 50,"wght" 300,"grad" 0,"slnt" 0,"wdth" 100,"XOPQ" 96,"YOPQ" 79,"XTRA" 468,"YTUC" 712,"YTLC" 514,"YTAS" 750,"YTDE" -203,"YTFI" 738;--fs-100:clamp(0.4rem,calc(0.4rem + 0.33vw),0.8rem);--fs-200:clamp(0.5rem,calc(0.5rem + 0.33vw),0.98rem);--fs-300:clamp(0.6rem,calc(0.7rem + 0.33vw),0.98rem);--fs-400:clamp(1.13rem,calc(1.06rem + 0.33vw),1.31rem);--fs-500:clamp(1.35rem,calc(1.21rem + 0.69vw),1.75rem);--fs-600:clamp(1.62rem,calc(1.37rem + 1.24vw),2.33rem);--fs-700:clamp(1.94rem,calc(1.54rem + 2.03vw),3.11rem);--fs-800:clamp(2.33rem,calc(1.7rem + 3.15vw),4.14rem);--fs-900:clamp(2.8rem,calc(1.85rem + 4.74vw),5.52rem);--black:#0f0f0f;--dark:#2a2a2a;--grey:#666;--white:#efefef;--aqua:oklch(87.69% 0.2245 175);--magenta:oklch(71.25% 0.355 330);--success:oklch(50% 0.202 148);--error:oklch(45% 0.22 22);--aqua900:oklch(15.59% 0.0399 175);--light-yellow:oklch(88.82% 0.066 107.66);--yellow:oklch(89% 46% 95deg);--orange:oklch(79.82% 0.197 70.67);--dark-orange:oklch(71.04% 0.083 43.17);--light-blue:oklch(88.82% 0.076 222.88);--blue:oklch(68.44% 0.187 247.4);--pink:oklch(70.21% 0.181 328.71);--light-green:oklch(82.26% 0.059 134.91);--green:oklch(76.04% 0.115 177.18);--tr-slow:ease-in-out 0.5s;--tr-fast:ease-in-out 0.3s}.test-box{background-color:var(--aqua)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}*,body,html{scroll-behavior:smooth}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;background-color:#1f2751;background-image:radial-gradient(at 53% 39%,#015a29 0,transparent 50%),radial-gradient(at 17% 18%,#01015a 0,transparent 50%),radial-gradient(at 54% 2%,#5a4301 0,transparent 50%),radial-gradient(at 64% 37%,#01075a 0,transparent 50%),radial-gradient(at 23% 43%,#165a01 0,transparent 50%),radial-gradient(at 2% 54%,#545a01 0,transparent 50%),radial-gradient(at 45% 22%,#015a26 0,transparent 50%);font-family:var(--font-roboto);font-optical-sizing:auto;font-weight:400;font-variation-settings:var(--font-variation-default);color:var(--white);background-size:cover}a{color:inherit;text-decoration:none}.scroll-anchor{offset-anchor:48px;scroll-snap-type:x mandatory}p{font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-long-text);text-wrap:pretty;max-width:72ch;line-height:1.5rem;margin:0 0 1rem}caption{font-family:var(--roboto-flex);font-size:.8rem;width:100%;background-color:#000;color:#fff;text-transform:uppercase}.text-wide-bold{font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-wide-bold);font-size:var(--fs-700)}.text-narrow-thin{font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-narrow-thin);font-size:var(--fs-700)}.text-standard{font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-standard);font-size:var(--fs-400)}.text-all-caps{text-transform:uppercase;font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-all-caps);font-size:var(--fs-300)}.text-long{font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-long);font-size:var(--fs-400)}.text-slab-large-thick{font-weight:400}.text-slab-large-thick,.text-slab-large-thin{font-family:var(--roboto-slab);font-size:var(--fs-800)}.text-slab-large-thin{font-weight:100}.text-slab-medium-thick{font-weight:400}.text-slab-medium-thick,.text-slab-medium-thin{font-family:var(--roboto-slab);font-size:var(--fs-600)}.text-slab-medium-thin{font-weight:100}.text-slab-small-thick{font-weight:500}.text-slab-small-thick,.text-slab-small-thin{font-family:var(--roboto-slab);font-size:var(--fs-300)}.text-slab-small-thin{font-weight:300}.text-mono-large{font-family:var(--roboto-mono);font-size:var(--fs-700)}.text-mono-medium{font-family:var(--roboto-mono);font-size:var(--fs-600)}.text-mono-small{font-family:var(--roboto-mono);font-size:var(--fs-300)}img,picture,svg,video{display:block;max-width:100%}.roboto-mono{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-style:normal}.roboto-slab{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-style:normal}.roboto-flex{font-family:var(--font-roboto);font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712}.title-text{font-family:var(--roboto-flex)}h1,h2,h3,h4,h5,h6{text-wrap:balance}h1{font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-wide-bold);font-size:var(--fs-900)}h2{font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-narrow-thin);font-size:var(--fs-800)}h3{font-family:var(--roboto-slab);font-size:var(--fs-600);font-weight:100}h4{font-family:var(--roboto-flex);font-size:var(--fs-300);font-weight:500;letter-spacing:.2ch;text-transform:uppercase;line-height:200%}button{border:none;padding:.75rem 1.5rem;font-family:var(--roboto-mono);font-weight:600;border-radius:8px}.text-yellow{color:var(--yellow)}.text-light-yellow{color:var(--light-yellow)}.text-blue{color:var(--blue)}.text-light-blue{color:var(--light-blue)}.text-pink{color:var(--pink)}.text-light-green{color:var(--light-green)}.top{width:100vw;height:100vh;justify-content:space-between;overflow:scroll;font-family:var(--roboto-flex);font-variation-settings:var(--font-variation-default);font-weight:300}.top-container{display:flex;width:100%;overflow-y:scroll;height:100%;position:absolute}.top-container>*{width:clamp(360px,100%,var(--max-width))}.box{margin:8px;padding:16px 32px}li{display:block}section{display:flex;align-self:center;scroll-snap-align:center;margin:4rem 0}.pri-accent-btn,section{align-items:center;justify-content:center}.pri-accent-btn{display:inline-flex;height:-moz-fit-content;height:fit-content;border-radius:10px;color:var(--white);border:1px solid var(--white);transition:all .3s ease-in-out}.pri-accent-btn:hover{color:var(--black);border:1px solid var(--aqua);background-color:var(--aqua);transition:all .3s ease-in-out}.text-pri-accent{color:var(--aqua)}.pri-transparent-btn{display:inline-flex;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content;border-radius:10px;color:var(--white);border:1px solid var(--white);transition:all .3s ease-in-out}.pri-transparent-btn:hover{color:var(--black);border:1px solid var(--aqua);background-color:var(--aqua);transition:all .3s ease-in-out}.pri-black-btn{width:-moz-fit-content;width:fit-content;display:inline-flex;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content;border-radius:10px;color:var(--white);background-color:var(--black);border:1px solid var(--black);transition:all .3s ease-in-out}.pri-black-btn:hover{color:var(--black);border:1px solid var(--aqua);background-color:var(--aqua);transition:all .3s ease-in-out}@keyframes arrow-in{0%{transform:translateX(-100%) translateY(100%)}to{transform:translateX(0) translateY(0)}}@keyframes arrow-out{0%{transform:translateX(-100%) translateY(100%)}to{transform:translateX(0) translateY(0)}}.arrow-button-icon{overflow:hidden}.pri-black-btn .arrow-button-icon img{animation:arrow-out .3s ease-out forwards}.pri-black-btn:hover .arrow-button-icon{filter:invert(1)}.pri-black-btn:hover .arrow-button-icon img{animation:arrow-in .3s ease-out forwards}.sec-accent-btn{display:inline-flex;justify-content:center;align-items:center;padding:8px;border-radius:8px;color:var(--white);background-color:var(--magenta)}.text-sec-accent{color:var(--magenta)}.app-store-btn{cursor:pointer}.app-store-btn,.app-store-btn>.button-icon{min-height:40px;width:-moz-fit-content;width:fit-content}.confirm{background-color:var(--success)}.confirm,.error{color:var(--white)}.error{background-color:var(--error)}.social-button{display:flex;align-items:center;border:1px solid var(--aqua);min-height:3rem;margin:8px;border-radius:8px;text-transform:uppercase;font-family:Roboto Mono;cursor:pointer}.social-button-icon{width:46px;height:100%;margin-right:1ch}.max-width-block{width:calc(100% - 84px);padding:12px;flex:0 0 auto;scroll-snap-align:center;max-width:1200px;align-self:center}.full-width{width:100vw}.project-text-container:after{z-index:-1;content:"";mix-blend-mode:overlay;background-image:linear-gradient(0deg,transparent 0,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.036) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.132) 29%,rgba(0,0,0,.194) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.338) 47.1%,rgba(0,0,0,.412) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.556) 64.7%,rgba(0,0,0,.618) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.714) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75));width:calc(100% + 16px * 2);height:calc(150% + 16px * 2);max-height:calc(75svh);margin:-16px;position:absolute;left:0;top:0}@media only screen and (max-width:768px){.project-text-container:after{max-height:80svh}}.color-test-container{min-width:100svw;min-height:100svh;flex-direction:column;align-items:center}.footer-container{width:100%;font-weight:400;letter-spacing:.1ch;bottom:0;box-shadow:0 -4px 8px 0 rgba(0,0,0,.25);color:#fff;background-color:hsla(0,0%,60%,.25);isolation:isolate;position:absolute;-webkit-backdrop-filter:blur(3rem) saturate(165%);backdrop-filter:blur(3rem) saturate(165%);z-index:100}.footer{text-shadow:0 0 2px var(--black);width:100%;padding:8px;font-size:8pt;position:sticky}.form-container,.form-container>form{align-self:flex-start;width:100%}.form-container>form>*{margin:8px 0;border:0;padding:8px}.form-container>form>input,.form-container>form>textarea{box-sizing:border-box;color:var(--white);width:100%;background-color:var(--dark);border:1px solid var(--aqua)}.form-container>form>input{min-height:3rem;border-radius:8px}.form-container>form>textarea{border-radius:8px;min-height:8rem}.form-container>form>button{color:var(--dark);width:auto;padding:.75rem 1.5rem;border:1px solid var(--white)}.projects-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow-x:hidden}.projects-scroll-container{display:flex;width:100vw;overflow-x:scroll;scroll-snap-type:x mandatory;padding:0 32px;justify-content:flex-start;flex:1;margin-bottom:16px}.project-container{display:flex;justify-content:space-between;background-color:var(--grey);border-radius:16px;margin-right:16px;width:calc(100% - 16px);padding:16px;flex:0 0 auto;scroll-snap-align:center;max-width:1200px;overflow:scroll;position:relative}.project-container>.project-screenshot{z-index:0}.projects-scroll-container:after,.projects-scroll-container:before{content:"";flex:0 0 50%}.project-container:last-child{margin-right:0}.project-screenshot{position:absolute}.project-text-container{z-index:3;position:relative}.project-title{font-family:var(--font-roboto);font-size:var(--fs-800);max-width:20ch}.project-logo-container{height:clamp(5vh,10rem,200px);width:100%;display:flex}.project-logo-container img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.project-tags{max-width:72ch;flex-wrap:wrap;margin:16px 0 32px -2px}.tag-item{background-color:var(--white);color:var(--dark);padding:4px;border-radius:4px;margin:2px;font-size:var(--fs-200);font-weight:500;text-transform:uppercase}.repo-links-container>*{margin:0 6px}.repo-links-container>:first-child{margin-left:0}.repo-links-container>:last-child{margin-right:0}.made-with{display:flex;flex-direction:column;justify-content:flex-end;font-family:var(--roboto-mono);color:var(--aqua);text-transform:uppercase;font-size:var(--fs-200);font-weight:500;margin-top:32px}.stack-icons-container{margin:8px -4px 0;flex-wrap:wrap}.stack-icon{width:48px;height:48px;border-radius:8px}.buttons-container{font-family:var(--roboto-slab);display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2}.buttons-container:after{z-index:-1;content:"";background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.01) 8.1%,rgba(0,0,0,.036) 15.5%,rgba(0,0,0,.078) 22.5%,rgba(0,0,0,.132) 29%,rgba(0,0,0,.194) 35.3%,rgba(0,0,0,.264) 41.2%,rgba(0,0,0,.338) 47.1%,rgba(0,0,0,.412) 52.9%,rgba(0,0,0,.486) 58.8%,rgba(0,0,0,.556) 64.7%,rgba(0,0,0,.618) 71%,rgba(0,0,0,.672) 77.5%,rgba(0,0,0,.714) 84.5%,rgba(0,0,0,.74) 91.9%,rgba(0,0,0,.75));width:calc(100% + 16px * 2);height:calc(180% + 16px * 2);margin:-16px;position:absolute;left:0;bottom:0}.main-link-container,.repo-links-container{display:flex;align-items:center}.repo-links-container{height:48px}.main-link-container{margin-top:3rem}.arrowIconBg{width:30px;height:30px;border-radius:6px;position:relative;box-sizing:content-box;background-color:var(--white);margin:4px}.arrowIcon{position:absolute;opacity:0}.arrowIconHover{opacity:1}.button-icon{width:38px;height:38px;border-radius:4px}.link-text{margin:0 14px 0 8px}.software-list-container{display:flex;flex-wrap:wrap}.icon-container{box-sizing:border-box;width:48px;height:48px;border-radius:20%;margin:4px}.project-screenshot,.screenshot-container,.screenshot-container img{width:100%;height:100%;top:0;left:0}.screenshot-container img,.screenshot-image{-o-object-fit:cover;object-fit:cover;-o-object-position:100% 50%;object-position:100% 50%}.screenshot-image{width:100%;height:100%}.react-grid-item{transition:all .2s ease-in-out;transform:none}.react-grid-layout .react-draggable-dragging{-webkit-user-select:none;user-select:none;-moz-user-select:none}.react-grid-layout{width:1200px;margin:0 auto}.project-logo-container img{width:100%}.icon{width:80px;height:80px;padding:10px;margin:10px;overflow:visible;background-color:var(--white)}.react-grid-item:after{background-image:linear-gradient(to right bottom,hsla(0,0%,100%,.25),hsla(0,0%,100%,0) 63%,hsla(0,0%,100%,.15));top:calc(var(--borderWidth) * -1);right:calc(var(--borderWidth) * -1);bottom:calc(var(--borderWidth) * -1);left:calc(var(--borderWidth) * -1);padding:var(--borderWidth);border-radius:var(--borderRadius);content:"";display:block;position:absolute;-webkit-mask-image:linear-gradient(#fff,#fff 0),linear-gradient(#fff,#fff 0);mask-image:linear-gradient(#fff,#fff 0),linear-gradient(#fff,#fff 0);-webkit-mask-box-image-outset:0;mask-border-outset:0;-webkit-mask-box-image-repeat:stretch;mask-border-repeat:stretch;-webkit-mask-box-image-slice:0;mask-border-slice:0;-webkit-mask-box-image-source:none;mask-border-source:none;-webkit-mask-box-image-width:auto;mask-border-width:auto;mask-clip:content-box,border-box;mask-composite:exclude,exclude;mask-mode:match-source,match-source;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-clip:content-box,border-box;-webkit-mask-composite:xor,xor;-webkit-mask-position-x:0,0;-webkit-mask-position-y:0,0;-webkit-mask-source-type:alpha,alpha}.react-grid-item,.react-grid-item:hover{transition:all .3s ease-in-out!important}.react-grid-item:hover{background-color:rgba(26,26,26,.5)}.design-project-container{width:100%;height:100%}.project-title-card{opacity:1;transition:all .3s ease-in-out}.project-card-hover{position:absolute;width:100%;padding:24px}.project-card-hover,.react-grid-item:hover .design-project-container .project-title-card{opacity:0;transition:all .3s ease-in-out}.react-grid-item:hover .design-project-container .project-card-hover{opacity:1;transition:all .3s ease-in-out}:root{--size-1:3rem;--opsz-1:144;--wght-1:560;--grad-1:0;--slnt-1:0;--wdth-1:150;--XOPQ-1:96;--YOPQ-1:79;--XTRA-1:468;--YTUC-1:712;--YTLC-1:514;--YTAS-1:750;--YTDE-1:203;--YTFI-1:738;--size-2:3rem;--opsz-2:144;--wght-2:200;--grad-2:0;--slnt-2:0;--wdth-2:70;--XOPQ-2:96;--YOPQ-2:79;--XTRA-2:468;--YTUC-2:712;--YTLC-2:514;--YTAS-2:750;--YTDE-2:-203;--YTFI-2:738;--size-3:1.5rem;--opsz-3:144;--wght-3:500;--grad-3:0;--slnt-3:0;--wdth-3:120;--XOPQ-3:96;--YOPQ-3:79;--XTRA-3:468;--YTUC-3:712;--YTLC-3:514;--YTAS-3:750;--YTDE-3:-203;--YTFI-3:738;--size-4:0.75rem;--opsz-4:8;--wght-4:500;--grad-4:0;--slnt-4:0;--wdth-4:75;--XOPQ-4:96;--YOPQ-4:79;--XTRA-4:468;--YTUC-4:712;--YTLC-4:514;--YTAS-4:750;--YTDE-4:-203;--YTFI-4:738;--size-5:1rem;--opsz-5:50;--wght-5:300;--grad-5:0;--slnt-5:0;--wdth-5:100;--XOPQ-5:96;--YOPQ-5:79;--XTRA-5:468;--YTUC-5:712;--YTLC-5:514;--YTAS-5:750;--YTDE-5:-203;--YTFI-5:738;--size-6:3rem;--opsz-6:50;--wght-6:100;--grad-6:0;--slnt-6:0;--wdth-6:80;--XOPQ-6:96;--YOPQ-6:79;--XTRA-6:468;--YTUC-6:712;--YTLC-6:514;--YTAS-6:750;--YTDE-6:-203;--YTFI-6:738;--size-7:4rem;--opsz-7:10;--wght-7:300;--grad-7:0;--slnt-7:0;--wdth-7:80;--XOPQ-7:96;--YOPQ-7:79;--XTRA-7:468;--YTUC-7:712;--YTLC-7:416;--YTAS-7:750;--YTDE-7:-203;--YTFI-7:738;--size-8:1rem;--opsz-8:144;--wght-8:100;--grad-8:0;--slnt-8:0;--wdth-8:100;--XOPQ-8:96;--YOPQ-8:79;--XTRA-8:468;--YTUC-8:712;--YTLC-8:514;--YTAS-8:750;--YTDE-8:-203;--YTFI-8:738}.fonts-size-container{min-height:50vh!important}.fonts-size-container>*{margin:1rem 0}.font-1{font-size:var(--size-1);font-family:var(--roboto-flex);font-optical-sizing:auto;font-variation-settings:"opsz" var(--opsz-1),"wght" var(--wght-1),"grad" var(--grad-1),"slnt" var(--slnt-1),"wdth" var(--wdth-1),"XOPQ" var(--XOPQ-1),"YOPQ" var(--YOPQ-1),"XTRA" var(--XTRA-1),"YTUC" var(--YTUC-1),"YTLC" var(--YTLC-1),"YTAS" var(--YTAS-1),"YTDE" var(--YTDE-1),"YTFI" var(--YTFI-1)}.font-2{font-size:var(--size-2);font-family:var(--roboto-flex);font-optical-sizing:auto;font-variation-settings:"opsz" var(--opsz-2),"wght" var(--wght-2),"grad" var(--grad-2),"slnt" var(--slnt-2),"wdth" var(--wdth-2),"XOPQ" var(--XOPQ-2),"YOPQ" var(--YOPQ-2),"XTRA" var(--XTRA-2),"YTUC" var(--YTUC-2),"YTLC" var(--YTLC-2),"YTAS" var(--YTAS-2),"YTDE" var(--YTDE-2),"YTFI" var(--YTFI-2)}.font-3{font-size:var(--size-3);font-family:var(--roboto-flex);font-variation-settings:"opsz" var(--opsz-3),"wght" var(--wght-3),"grad" var(--grad-3),"slnt" var(--slnt-3),"wdth" var(--wdth-3),"XOPQ" var(--XOPQ-3),"YOPQ" var(--YOPQ-3),"XTRA" var(--XTRA-3),"YTUC" var(--YTUC-3),"YTLC" var(--YTLC-3),"YTAS" var(--YTAS-3),"YTDE" var(--YTDE-3),"YTFI" var(--YTFI-3)}.font-4{text-transform:uppercase;font-size:var(--size-4);font-family:var(--roboto-flex);font-optical-sizing:auto;font-variation-settings:"opsz" var(--opsz-4),"wght" var(--wght-4),"grad" var(--grad-4),"slnt" var(--slnt-4),"wdth" var(--wdth-4),"XOPQ" var(--XOPQ-4),"YOPQ" var(--YOPQ-4),"XTRA" var(--XTRA-4),"YTUC" var(--YTUC-4),"YTLC" var(--YTLC-4),"YTAS" var(--YTAS-4),"YTDE" var(--YTDE-4),"YTFI" var(--YTFI-4)}.font-5{font-size:var(--size-5);font-family:var(--roboto-flex);font-optical-sizing:auto;font-variation-settings:"wght" var(--wght-5),"grad" var(--grad-5),"slnt" var(--slnt-5),"wdth" var(--wdth-5),"XOPQ" var(--XOPQ-5),"YOPQ" var(--YOPQ-5),"XTRA" var(--XTRA-5),"YTUC" var(--YTUC-5),"YTLC" var(--YTLC-5),"YTAS" var(--YTAS-5),"YTDE" var(--YTDE-5),"YTFI" var(--YTFI-5)}.font-6{font-size:var(--size-7);font-family:var(--roboto-slab);font-weight:100}.font-7{font-size:var(--size-6)}.font-7,.font-8{font-family:var(--roboto-mono);font-weight:800}.font-8{font-size:var(--size-8)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}