@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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{-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,: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: }::-webkit-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: }::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: }.resize{resize:both}:root{--bg:#f5f3ef;--text:#1c1a17;--muted:#7a7670;--subtle:#c8c4bb}body.dark-mode{--bg:#17150f;--text:#e4e0d6;--muted:#8a8680;--subtle:#302e28}*,:after,:before,html{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f3ef;background-color:var(--bg);color:#1c1a17;color:var(--text);font-family:Inter,sans-serif;font-weight:300;margin:0;transition:background-color .3s ease,color .3s ease}#root,body,html{height:100%;scroll-behavior:smooth}a{color:inherit}.app{background-color:#f5f3ef;background-color:var(--bg);margin:0 auto;max-width:900px;transition:background-color .3s ease}.app__container{padding:0 4rem}.app__navbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:6rem;padding:2.5rem 0}.app__topic{margin-bottom:8rem}.app__footer{justify-content:center;padding:3rem 0}.app__footer,.navbar__right{align-items:center;display:flex}.navbar__right{gap:.5rem}.theme-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#7a7670;color:var(--muted);cursor:pointer;display:flex;font-size:16px;justify-content:center;line-height:1;padding:6px 8px;transition:background-color .2s ease}.theme-toggle:hover{background-color:#c8c4bb;background-color:var(--subtle)}.theme-toggle:focus-visible{outline:2px solid #1c1a17;outline:2px solid var(--text);outline-offset:2px}.navbar__logo{color:#1c1a17;color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:400;letter-spacing:.18em;text-decoration:none;text-transform:uppercase}.navbar__logo:focus-visible{outline:2px solid #1c1a17;outline:2px solid var(--text);outline-offset:4px}.navbar__links{align-items:center;display:flex;gap:.25rem}.navbar__link{align-items:center;border-radius:8px;color:#7a7670;color:var(--muted);display:inline-flex;font-family:Inter,sans-serif;font-size:12px;font-weight:400;gap:2px;letter-spacing:.08em;padding:6px 10px;text-decoration:none;text-transform:uppercase;transition:color .2s ease,background-color .2s ease}.navbar__link:hover{color:#1c1a17;color:var(--text)}.navbar__link:focus-visible{outline:2px solid #1c1a17;outline:2px solid var(--text);outline-offset:2px}.navbar__external-icon{font-size:10px;letter-spacing:0;margin-top:-3px;opacity:.7}.mobile-navbar{align-items:center;display:flex;position:relative}.mobile-navbar__menu-icon{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:6px 4px}.mobile-navbar__menu-icon span{background-color:#7a7670;background-color:var(--muted);display:block;height:1px;transition:background-color .2s ease;width:22px}.mobile-navbar__menu-icon:hover span{background-color:#1c1a17;background-color:var(--text)}.mobile-navbar__menu-icon:focus-visible{border-radius:4px;outline:2px solid #1c1a17;outline:2px solid var(--text);outline-offset:4px}.mobile-navbar__menu-dropdown{background-color:#f5f3ef;background-color:var(--bg);border:1px solid #c8c4bb;border:1px solid var(--subtle);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;min-width:150px;padding:6px;position:absolute;right:0;top:calc(100% + 12px);z-index:10}.topic__about-me{align-items:center;background:transparent;display:flex;flex-direction:row;gap:1.75rem}.topic__contact,.topic__projects{display:flex;flex-direction:column;width:100%}.about-me__avatar{border-radius:50%;flex-shrink:0;height:88px;object-fit:cover;width:88px}.about-me__description{flex:1 1;margin:0}.description__headline-block{margin:0}.description__eyebrow{color:#7a7670;color:var(--muted);font-family:Inter,sans-serif;font-size:13px;font-weight:300;margin:0 0 .75rem}.description__headline{color:#1c1a17;color:var(--text);font-family:Inter,sans-serif;font-size:48px;font-weight:300;line-height:1.1;margin:0 0 1.5rem}.description__text{color:#7a7670;color:var(--muted);font-size:16px;font-weight:300;line-height:1.8;margin:0}.description__ex-architect{border-bottom:1px dotted #7a7670;border-bottom:1px dotted var(--muted);cursor:default;position:relative}.description__ex-architect:before{border:5px solid transparent;border-top:5px solid var(--text);bottom:calc(100% + 4px);content:"";z-index:11}.description__ex-architect:after,.description__ex-architect:before{left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s ease}.description__ex-architect:after{background-color:#1c1a17;background-color:var(--text);border-radius:6px;bottom:calc(100% + 10px);color:#f5f3ef;color:var(--bg);content:attr(data-tooltip);font-family:Inter,sans-serif;font-size:12px;font-weight:300;letter-spacing:.02em;line-height:1.5;padding:7px 11px;text-transform:none;white-space:nowrap;z-index:10}.description__ex-architect:hover:after,.description__ex-architect:hover:before{opacity:1}.website_link{color:#1c1a17;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:#c8c4bb;text-decoration-color:#c8c4bb;-webkit-text-decoration-color:var(--subtle);text-decoration-color:var(--subtle);text-underline-offset:3px;transition:-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease;transition:text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.website_link:hover{-webkit-text-decoration-color:#1c1a17;text-decoration-color:#1c1a17;-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.topic-headline{color:#1c1a17;color:var(--text);font-family:Inter,sans-serif;font-size:22px;font-weight:300;margin-bottom:2.5rem}.projects__container{grid-gap:3rem 2.5rem;display:grid;gap:3rem 2.5rem;grid-template-columns:repeat(2,1fr)}.project{display:flex;flex-direction:column}.project__title{color:#1c1a17;color:var(--text);font-family:Inter,sans-serif;font-size:15px;font-weight:400;margin:.9rem 0 .4rem}.project__prev{border-radius:10px;display:block;height:180px;object-fit:cover;object-position:50% 0;order:-1;width:100%}.project__description{color:#7a7670;color:var(--muted);font-size:14px;font-weight:300;line-height:1.65;margin:0 0 .8rem}.project__menu{display:flex;gap:1rem;margin-top:auto}.project__menu-link{color:#7a7670;color:var(--muted);font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:.05em;text-decoration:underline;-webkit-text-decoration-color:#c8c4bb;text-decoration-color:#c8c4bb;-webkit-text-decoration-color:var(--subtle);text-decoration-color:var(--subtle);text-underline-offset:3px;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.project__menu-link:hover{color:#1c1a17;color:var(--text);-webkit-text-decoration-color:#1c1a17;text-decoration-color:#1c1a17;-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.project__menu-link:focus-visible{border-radius:2px;outline:2px solid #1c1a17;outline:2px solid var(--text);outline-offset:2px}.contact__container{display:flex;flex-direction:column;gap:0}.contact__social-link{align-items:center;border-bottom:1px solid #c8c4bb;border-bottom:1px solid var(--subtle);cursor:pointer;display:flex;gap:1rem;padding:1.1rem 0;text-decoration:none;transition:padding-left .25s ease}.contact__social-link:first-child{border-top:1px solid #c8c4bb;border-top:1px solid var(--subtle)}.contact__social-link:hover{padding-left:.6rem}.contact__social-link:focus-visible{outline:2px solid #1c1a17;outline:2px solid var(--text);outline-offset:-2px}.social-link__logo{color:#7a7670;color:var(--muted);flex-shrink:0;height:18px;opacity:.5;width:18px}.social-link__link{color:#1c1a17;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-size:18px;font-weight:300;text-decoration:none}.social-link__arrow{color:#c8c4bb;color:var(--subtle);display:inline-block;font-size:15px;transition:color .25s ease,-webkit-transform .25s ease;transition:color .25s ease,transform .25s ease;transition:color .25s ease,transform .25s ease,-webkit-transform .25s ease}.contact__social-link:hover .social-link__arrow{color:#7a7670;color:var(--muted);-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}.footer__text{color:#7a7670;color:var(--muted);font-family:Inter,sans-serif;font-size:12px;font-weight:300;letter-spacing:.06em;text-align:center}h5{font-size:14px;font-weight:300;margin:0}@media(max-width:768px){.app__container{padding:0 1.75rem}.app__navbar{margin-bottom:4rem;padding:1.5rem 0}.app__topic{margin-bottom:5.5rem}.topic__about-me{align-items:center;flex-direction:column;gap:2rem}.about-me__avatar{height:80px;width:80px}.about-me__description{width:100%}.description__eyebrow{text-align:center}.description__headline{font-size:36px;text-align:center}.description__text{font-size:15px;text-align:center}.navbar__links{display:none}.projects__container{gap:3rem;grid-template-columns:1fr}}@media(max-width:480px){.description__headline{font-size:30px}}
/*# sourceMappingURL=main.ed0521e9.css.map*/