:root{--poppins: "Poppins", Arial, Helvetica, sans-serif;--lato: "Lato", Arial, Helvetica, sans-serif;--black: #363540;--surface: #FFFFFF;--ink: var(--black);--radius-full: 50%;--duration-jump: 1s;--duration-hold: .1s;--duration-iris: 1.2s;--ease-house: ease-in-out;--grey: #505050;--blue: #77C4FF;--green: #88D498;--pink: #F499B2;--yellow: #EEB868;--project-spotify: #356349;--project-findr: #EB7078;--project-pokedoke: #0F3C5D;--project-dailyui-collection-01: #142D8C;--animate: all .5s ease-in-out;--gutter: clamp(1.25rem, .8333rem + 1.852vw, 2.5rem);--container: 80rem;--bleed-pad: max(var(--gutter), (100% - var(--container)) / 2 + var(--gutter));--measure: 68ch;--header-height: 4rem;--text-2xs: clamp(.75rem, .7292rem + .093vw, .8125rem);--text-xs: clamp(.8125rem, .7917rem + .093vw, .875rem);--text-sm: clamp(.9375rem, .9167rem + .093vw, 1rem);--text-base: clamp(1rem, .9792rem + .093vw, 1.0625rem);--text-md: clamp(1.0625rem, 1.0208rem + .185vw, 1.1875rem);--text-lg: clamp(1.1875rem, 1.1042rem + .37vw, 1.4375rem);--text-xl: clamp(1.375rem, 1.2708rem + .463vw, 1.6875rem);--text-2xl: clamp(1.5625rem, 1.3958rem + .741vw, 2.0625rem);--text-3xl: clamp(1.8125rem, 1.5417rem + 1.204vw, 2.625rem);--text-4xl: clamp(2.125rem, 1.7083rem + 1.852vw, 3.375rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: clamp(1.25rem, 1.1667rem + .37vw, 1.5rem);--space-l: clamp(1.75rem, 1.5rem + 1.111vw, 2.5rem);--space-xl: clamp(2.5rem, 2rem + 2.222vw, 4rem);--space-2xl: clamp(3.5rem, 2.6667rem + 3.704vw, 6rem);--duration-quick: .15s;--duration-swing: 3.2s;--duration-catch: calc(var(--duration-swing) / 5);--ease-swing: ease-in-out;--ease-catch: cubic-bezier(.33, 1, .68, 1);--ease-fall: cubic-bezier(.32, 0, .67, 0);--ease-iris: cubic-bezier(.6, 0, .3, 1);--shadow-sign-plumb: 0 5px 12px rgba(54, 53, 64, .22), 0 1px 3px rgba(54, 53, 64, .2);--shadow-sign-swing: 6px 11px 20px rgba(54, 53, 64, .22), 2px 3px 6px rgba(54, 53, 64, .16);--shadow-sign-rest: 3px 7px 14px rgba(54, 53, 64, .22), 1px 2px 4px rgba(54, 53, 64, .18);--shadow-card-hover: 0 10px 24px rgba(54, 53, 64, .28), 0 3px 8px rgba(54, 53, 64, .2);--shadow-portrait: 0 12px 28px rgba(54, 53, 64, .26), 0 4px 10px rgba(54, 53, 64, .16)}html{scroll-behavior:smooth;font-size:100%;scroll-padding-top:calc(var(--header-height) + var(--space-s))}body,html{margin:0;padding:0;width:100%}body{font-family:var(--lato);color:var(--black);overflow-x:hidden;font-size:var(--text-base);font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;min-width:320px}.loading *,.loading *:before,.loading *:after{transition:none!important;animation-play-state:paused!important}.content-wrapper{display:flex}body{display:flex;flex-direction:column;min-height:100svh}#body-content{flex-grow:1}.container-fluid{width:100%;max-width:var(--container);display:flex;flex-direction:column;margin-inline:auto;padding-inline:var(--gutter);margin-top:calc(var(--header-height) + var(--space-s))}.intro{font-family:var(--poppins);display:flex;flex-direction:column;justify-content:top;font-weight:bolder;font-size:var(--text-xl);margin-block-end:var(--space-xl)}.intro-title{margin:var(--space-xl) 0 var(--space-l)}.intro-subtitle{font-size:var(--text-2xl);line-height:1.3}.typing{border-right:.1em solid #2F2E38;animation:typing-blink .8s step-end infinite}@keyframes typing-blink{0%,to{border-color:transparent}50%{border-color:#2f2e38}}.intro-lede{font-weight:400;max-width:40ch;margin-top:var(--space-xs)}.intro-lede-wide{max-width:min(100%,58ch)}.intro-lede-prompt{display:block;margin-top:var(--space-m)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h6{font-size:var(--text-md)}h1,h2,h3,h4,h5,h6{font-weight:600;font-family:var(--poppins);line-height:1.15;text-wrap:balance}a,h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{color:var(--black)}a:hover,a:active,a:focus{color:var(--blue)}p{margin-top:0;margin-bottom:var(--space-s);line-height:1.6;text-wrap:pretty}section{display:flex;flex-flow:row wrap}*,:after,:before{box-sizing:border-box}@property --loader-ground{syntax: "<color>"; inherits: true; initial-value: #FFFFFF;}@property --iris-r{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.loader{--loader-accent: var(--blue);--loader-ground: var(--surface);--dot-size: .7rem;--dot-bearing: .039em;--dot-overshoot: .009em;--dot-shadow-h: 5px;--iris-x: 50%;--iris-y: 50%;--iris-r: 0%;--iris-feather: 1.25;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:100;background-color:var(--loader-ground);color:var(--loader-accent);font-size:var(--text-4xl);font-weight:700;font-family:var(--poppins);letter-spacing:.2rem;overflow:hidden;-webkit-mask-image:radial-gradient(circle at var(--iris-x) var(--iris-y),transparent var(--iris-r),#000 calc(var(--iris-r) * var(--iris-feather)));mask-image:radial-gradient(circle at var(--iris-x) var(--iris-y),transparent var(--iris-r),#000 calc(var(--iris-r) * var(--iris-feather)))}.loader.is-waiting{animation:loader-ground calc(var(--duration-jump) * 2) var(--ease-house) infinite}@keyframes loader-ground{0%,47%{--loader-ground: var(--surface);color:var(--loader-accent);animation-timing-function:cubic-bezier(.32,0,.67,0)}50%,97%{--loader-ground: var(--loader-accent);color:var(--surface);animation-timing-function:cubic-bezier(.32,0,.67,0)}to{--loader-ground: var(--surface);color:var(--loader-accent)}}.loader.is-landed .loader-dot,.loader.is-landed .loader-dot-shadow{animation-play-state:paused}.loader.is-done{--iris-r: 100%;visibility:hidden;pointer-events:none;transition:--iris-r var(--duration-iris) var(--ease-iris),visibility 0s linear var(--duration-iris)}.loader-mark{white-space:nowrap}.loader-period{position:relative;display:inline-block;width:var(--dot-size);height:var(--dot-size);margin-left:var(--dot-bearing);vertical-align:baseline;top:var(--dot-overshoot)}.loader-dot,.loader-dot-shadow{position:absolute;left:50%;border-radius:var(--radius-full)}.loader-dot{inset-block:0;width:var(--dot-size);margin-left:calc(var(--dot-size) / -2);background-color:currentColor;animation:loader-jump var(--duration-jump) infinite}.loader-dot-shadow{bottom:calc(var(--dot-shadow-h) / -2);width:calc(var(--dot-size) * 12 / 7);height:var(--dot-shadow-h);margin-left:calc(var(--dot-size) * -6 / 7);background-color:color-mix(in srgb,var(--loader-ground) 62%,#000);opacity:.5;animation:loader-shadow var(--duration-jump) infinite}@keyframes loader-jump{0%{translate:0 0;animation-timing-function:cubic-bezier(.33,1,.68,1)}52%{translate:0 -2rem;animation-timing-function:cubic-bezier(.5,0,.75,0)}to{translate:0 0}}@keyframes loader-shadow{0%{scale:1 1;opacity:.5;animation-timing-function:cubic-bezier(.33,1,.68,1)}52%{scale:.42 1;opacity:.1;animation-timing-function:cubic-bezier(.5,0,.75,0)}to{scale:1 1;opacity:.5}}.bold{font-weight:600}.blue{color:var(--blue)}.green{color:var(--green)}.pink{color:var(--pink)}.yellow{color:var(--yellow)}.name-tilted{font-weight:700;touch-action:manipulation;position:absolute;padding:8px 6px;border:2px solid transparent;margin:-.7rem .25rem auto;color:#fff;--rest: 5deg;--amp: 1;transform-origin:36% 6px;rotate:var(--rest);box-shadow:var(--shadow-sign-rest);animation:swing var(--duration-swing) var(--ease-swing) 1 backwards;transition:background-color var(--duration-quick) ease-out,color var(--duration-quick) ease-out,border-color var(--duration-quick) ease-out}.name-tilted:not(.is-fallen).is-held{animation:none;transform:rotate(calc(-1 * var(--rest)));box-shadow:var(--shadow-sign-plumb)}.name-tilted:not(.is-fallen).is-held{transition:transform var(--duration-catch) var(--ease-catch),box-shadow var(--duration-catch) var(--ease-catch),background-color var(--duration-quick) ease-out,color var(--duration-quick) ease-out,border-color var(--duration-quick) ease-out}#tilted-blue{background-color:var(--blue)}#tilted-blue.is-dragging{color:var(--blue);background:#fff;border-color:var(--blue)}@media(hover:hover){.name-tilted:not(.is-fallen):hover{animation:none;transform:rotate(calc(-1 * var(--rest)));box-shadow:var(--shadow-sign-plumb);transition:transform var(--duration-catch) var(--ease-catch),box-shadow var(--duration-catch) var(--ease-catch),background-color var(--duration-quick) ease-out,color var(--duration-quick) ease-out,border-color var(--duration-quick) ease-out}#tilted-blue:hover{color:var(--blue);background:#fff;border-color:var(--blue)}}@keyframes swing{0%{rotate:0deg;box-shadow:var(--shadow-sign-plumb)}13%{rotate:calc(var(--rest) + 3deg * var(--amp));box-shadow:var(--shadow-sign-swing)}26%{rotate:calc(var(--rest) - 1.8deg * var(--amp))}39%{rotate:calc(var(--rest) + 1.1deg * var(--amp));box-shadow:var(--shadow-sign-rest)}52%{rotate:calc(var(--rest) - .65deg * var(--amp))}64%{rotate:calc(var(--rest) + .4deg * var(--amp))}76%{rotate:calc(var(--rest) - .15deg * var(--amp))}88%{rotate:calc(var(--rest) + .15deg * var(--amp))}to{rotate:var(--rest);box-shadow:var(--shadow-sign-rest)}}.name-tilted.is-yanking{animation:yank .17s ease-out 1}@keyframes yank{0%{translate:0 0}45%{translate:0 var(--yank, 2px)}to{translate:0 0}}.name-tilted.is-fallen{position:fixed;left:0;top:0;margin:0;z-index:90;animation:none;rotate:0deg;translate:0 0;transform-origin:50% 50%;touch-action:none;cursor:default;will-change:transform}.name-tilted.is-fallen.is-catchable{cursor:grab}.name-tilted.is-dragging{cursor:grabbing}.sign-slot{visibility:hidden;opacity:0;pointer-events:none;animation:none!important;rotate:0deg!important;translate:0 0!important;transform:none!important;box-shadow:none!important}.sign-slot.is-hinting,.sign-slot.is-target{visibility:visible;color:transparent!important;background:none!important;border:2px dashed var(--blue);transition:opacity var(--duration-quick) ease-out}.sign-slot.is-hinting{opacity:.32}.sign-slot.is-target{opacity:1}.bold-highlight{line-height:1.3em;text-decoration:none;font-weight:600}a.bold-highlight{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.bold-highlight.blue-highlight:hover,.bold-highlight.blue-highlight:focus{animation:background-blue .5s 1 ease-in-out forwards}.bold-highlight.green-highlight:hover,.bold-highlight.green-highlight:focus{animation:background-green .5s 1 ease-in-out forwards}.bold-highlight.green-highlight::-moz-selection{background:var(--green);color:#fff}.bold-highlight.green-highlight::selection{background:var(--green);color:#fff}.bold-highlight.pink-highlight:hover,.bold-highlight.pink-highlight:focus{animation:background-pink .5s 1 ease-in-out forwards}.bold-highlight.pink-highlight::-moz-selection{background:var(--pink);color:#fff}.bold-highlight.pink-highlight::selection{background:var(--pink);color:#fff}.bold-highlight.yellow-highlight:hover,.bold-highlight.yellow-highlight:focus{animation:background-yellow .5s 1 ease-in-out forwards}.bold-highlight.yellow-highlight::-moz-selection{background:var(--yellow);color:#fff}.bold-highlight.yellow-highlight::selection{background:var(--yellow);color:#fff}@keyframes background-blue{0%{text-decoration:none}to{text-decoration:none;background:var(--blue);color:#fff}}@keyframes background-green{0%{text-decoration:none}to{text-decoration:none;background:var(--green);color:#fff}}@keyframes background-pink{0%{text-decoration:none}to{text-decoration:none;background:var(--pink);color:#fff}}@keyframes background-yellow{0%{text-decoration:none}to{text-decoration:none;background:var(--yellow);color:#fff}}.header{font-family:var(--poppins);color:var(--black);display:flex;justify-content:left;align-items:center;text-align:left;font-size:var(--text-lg);font-weight:600}.header:before{content:"";color:var(--blue);border-top:.15rem solid;margin:0 .5rem 0 0;width:2.5rem;height:1px}.fade-in{animation-name:fade-in;animation-duration:1.25s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.project-card-tags{display:flex;flex-wrap:wrap;margin-bottom:.125rem}.project-card-tag{font-size:var(--text-2xs);width:-moz-fit-content;width:fit-content;box-sizing:border-box;padding:.3rem .6rem;border:2px solid #FFFFFF;border-radius:12px;margin-top:.3rem;margin-right:.5rem}.project-card-tags:first-child,.project-card-tags:only-child{margin-left:0}.project-card-tag:last-child{margin-right:0}#navbar{position:fixed;width:100%;display:flex;align-items:center;justify-content:space-between;font-family:var(--poppins);z-index:10;min-height:var(--header-height);padding-inline:var(--bleed-pad)}.scroll-background{animation:scroll-bg-fadeIn .75s ease-in-out forwards}@keyframes scroll-bg-fadeIn{0%{background-color:#fff0}to{background-color:#ffffffd9}}.navbar-brand,.navbar-brand>span,.navbar-nav>li>a,.copyright,.name-tilted{-webkit-user-select:none;-moz-user-select:none;user-select:none}#accessibility-brand{display:none;visibility:hidden}.navbar-brand{font-size:var(--text-xl);font-weight:600;text-decoration:none;margin:0;padding:0;transition:all .5s ease-in-out}.navbar-brand:after{position:relative;content:".";left:-.3rem}#nav-brand.henree:hover:after{content:"enree.";animation:fade-in 1s ease-in-out}#nav-brand:hover:after{color:var(--black)}nav a{color:var(--black);font-size:var(--text-md);margin-block:.25em}nav a:hover,nav a:focus,nav a.active{font-weight:600;cursor:pointer}#nav-brand.default:hover,#nav-brand.default:focus,#nav-brand.default.active{color:var(--blue)}#nav-brand.about:hover,#nav-brand.about:focus,#nav-brand.about.active{color:var(--blue)}#portfolio-link:hover,#portfolio-link:focus,#portfolio-link.active{color:var(--blue)}#portfolio-link:hover:before,#portfolio-link.active:before{background:var(--blue)}#about-link:hover,#about-link:focus,#about-link.active{color:var(--blue)}#about-link:hover:before,#about-link.active:before{background:var(--blue)}.nav-link{color:var(--black);text-decoration:none;position:relative;animation:nav-expand .4s ease-in-out}.nav-link:before{content:"";position:absolute;width:100%;height:.15rem;bottom:-3px;left:0;visibility:hidden;border-radius:10px;transform:scaleX(0);transition:var(--animate)}.nav-link.active:before{visibility:visible;transform:scaleX(.3)}@keyframes nav-expand{to{transform:scaleX(1)}}.active:hover:before,.nav-link:hover:before,.nav-link:focus:before{visibility:visible;transform:scaleX(1)}.navbar-nav{display:flex;flex-direction:row;margin:0;list-style:none;padding-inline-start:0}.navbar-nav>li{margin:auto clamp(.7rem,2vw,1.2rem)}.navbar-nav>li>a{padding:0}.navbar-nav>li:last-child{margin-right:0!important}.project-navbar a,.project-navbar #nav-brand:hover:after{color:#fff}.project-navbar #nav-brand:hover:after{color:#fff}.project-navbar.scroll-background a,.project-navbar.scroll-background #nav-brand:hover:after{color:var(--black)}.footer{display:flex;flex-direction:column;font-size:var(--text-base);width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);margin-block:var(--space-xl) var(--space-l);align-items:center}.footer-reachout{text-align:center}.footer-bottom{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:var(--space-s);width:100%;margin-top:var(--space-s)}.footer-copyright{font-size:var(--text-xs);text-align:center}.footer-social{--social-color: var(--grey);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2xs) var(--space-xs);margin:0}.footer-social a{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-s);border-radius:999px;font-family:var(--lato);font-weight:700;line-height:1;white-space:nowrap;color:var(--social-color);text-decoration:none;background:transparent;background:color-mix(in srgb,var(--social-color) 10%,transparent);transition:color var(--duration-quick) ease,background-color var(--duration-quick) ease}.social-label{font-size:var(--text-xs)}.footer-social a:hover,.footer-social a:focus-visible{color:var(--surface);background:var(--social-color)}.footer-social .social-icon{display:inline-flex;align-items:center;font-size:var(--text-md);line-height:1}.social-glyph{display:block;height:1em;width:auto;fill:currentColor}.linkedin{--social-color: #2867B2}.email{--social-color: #779ECB}.resume{--social-color: #9F9CAB}.icon-email .glyph-open{display:none}.email:focus-visible .icon-email .glyph-closed{display:none}.email:focus-visible .icon-email .glyph-open{display:block}@media(hover:hover){.email:hover .icon-email .glyph-closed{display:none}.email:hover .icon-email .glyph-open{display:block}}@media(min-width:48rem){.mobile-break{display:none}}@media(min-width:64rem){.footer-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-s) var(--space-m)}.footer-social{justify-content:flex-start}.footer-reachout{width:100%;text-align:left}}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}