@view-transition{navigation: auto;}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-mo2-text-size-adjust:none;-webkit-text-size-adjust:none;-text-size-ajust:none}body,h1,h2,h3,h4,p,figure,blockqoute,dl,dd{margin:0}body{min-block-size:100vh;line-height:1.6}h1,h2,h3,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}ul{margin:0}li{text-decoration:none;list-style:none}a{text-decoration:none;color:inherit}p,li{text-wrap:pretty}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}h2[data-aligntment=center]{align-self:center}form{background-color:var(--clr-grey);padding:1rem .5rem;border-radius:var(--border-radius-md)}}@layer base{@font-face{font-family:Philosopher;src:url(/assets/Philosopher-Regular-B9S5pbrW.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Philosopher;src:url(/assets/Philosopher-Bold-BOeDWX_I.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Philosopher;src:url(/assets/Philosopher-Italic-r_TOQhOz.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Lato;src:url(/assets/Lato-Black-BGKY3P7n.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Lato;src:url(/assets/Lato-Bold-B5iD31kO.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Lato;src:url(/assets/Lato-Italic-DOTKc3_v.ttf) format("truetype");font-weight:400;font-style:italic}:root{--clr-white: hsl(0, 0%, 100%);--clr-pearl-black: hsl(208, 41%, 8%);--clr-space-gray: hsl(232, 23%, 34%);--clr-space-gray-light: hsl(45, 7%, 88%);--clr-pantry-white: hsl(13, 07%, 88%);--clr-erie-black: hsl(0, 0%, 10%);--clr-shade-blue: hsl(237, 100%, 70%);--clr-light-blue: hsl(204, 74%, 63%);--clr-lightish-blue: hsl(193, 100%, 92%);--clr-cyan-blue: hsl(195, 10%, 92%);--clr-pale-blue: hsl(216, 98%, 100%);--clr-purple-blue: hsl(240, 65%, 23%);--clr-grey: hsl(195, 10%, 92%);--clr-green: hsl(143, 38%, 37%);--clr-teal: hsl(186, 42%, 25%);--clr-orange: hsl(25, 88%, 66%);--clr-brown: hsl(28, 94%, 13%);--ff-body: "Lato", sans-serif;--ff-heading: "Philosopher", sans-serif;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.5rem;--fs-800: 2rem;--fs-900: 3.75rem;--fs-1000: 3.75rem}@media (width > 760px){:root{--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 2rem;--fs-800: 3rem;--fs-900: 5rem;--fs-1000: 7.5rem}}:root{--text-main: var(--clr-pearl-black);--text-high-contrast: var(--clr-white);--text-brand: var(--clr-erie-black);--text-brand-light: var(--clr-erie-black);--text-brand-dark: var(--clr-pantry-white);--background-dark: var(--clr-pearl-black);--background-light: var(--clr-space-gray-light);--bacground-menu-light: var(--clr-lightish-blue);--bacground-menu-dark: var(--clr-space-gray)}:root{--font-size-heading-sm: var(--fs-700);--font-size-heading-rg: var(--fs-800);--font-size-heading-lg: var(--fs-900);--font-size-heading-xl: var(--fs-1000);--font-size-sm: var(--fs-300);--font-size-rg: var(--fs-400);--font-size-md: var(--fs-500);--font-size-lg: var(--fs-600)}:root{--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem}html{line-height:1.6;scroll-padding:3rem}@media (prefers-redhced-motion: no-preference){html{scroll-behavior:smooth}}body{font-family:var(--ff-body)}body .light{background-color:var(--background-light);color:var(--clr-erie-black)}body .dark{background-color:var(--background-dark);color:var(--clr-pantry-white)}body .light a:hover,body :focus-visible{color:var(--clr-light-blue)}body .dark a:hover,body :focus-visible{color:var(--clr-light-blue)}h1,h2,h3,h4{font-family:var(--ff-heading)}h1{font-size:var(--font-size-heading-rg)}@media (width < 760px){h1{font-size:none}}img{border-radius:var(--border-radius-lg)}}@layer layout{.flow>*+*{margin-top:var(--flow-spacer, 1em)}.section{--padding: 3.7rem;padding-block:var(--padding)}@media (width > 720px){.section{--padding: 8rem}.section[data-padding=compact]{--padding: 26.5rem}}.equal-columns{display:grid;gap:var(--equal-columns-gap, 1rem);align-items:var(--column-layout-alignment, stretch)}@media (width > 760px){.equal-columns{grid-auto-flow:column;grid-auto-columns:1fr 1fr 1fr}}@media (width < 760px){.equal-columns{justify-content:center}}.equal-columns[data-gap=large]{--equal-columns-gap: 2rem}.equal-columns[data-alignment=centered]{grid-auto-flow:row;justify-items:center}.equal-columns[data-auto=none]{grid-auto-columns:auto}.equal-columns[data-columns=three]{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense}@media (width < 760px){.equal-columns[data-columns=three]{grid-template-columns:none}}.wrapper{--wrapper-max-width: 1130px;max-width:var(--wrapper-max-width);margin-inline:auto;padding-inline:1rem;box-sizing:content-box}.wrapper[data-width=narrow]{--wrapper-max-width: 720px }.wrapper[data-width=wide]{--wrapper-max-width: 1330px}@media (width < 760px){.sub_wrapper{justify-self:center}}form{max-width:70rem;text-align:center;padding:1rem}form h1[data-aligntment=center]{margin-bottom:1.5rem}.input-box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.5rem}.input-box input{margin-inline:.3rem;padding:.2rem}@media (width <720px){.input-box{display:block;margin:0}.input-box input{margin-block:.3rem}}.text-box{height:10rem;width:30rem}input,textarea{font-size:var(--font-size-md);border-radius:var(--border-radius-md)}textarea{padding:1.5rem;font-size:1.2rem;height:100%;width:100%}.error-txt{color:var(--error-color, red);font-size:.9rem;margin-top:.3rem;text-align:left;display:block}.modal-button{background-color:#1a1a1a;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.modal-button:hover{background-color:#333;transform:scale(1.05)}.modal-button:active{background-color:#000;transform:scale(.98)}}@layer components{.skip-to-main:not(:focus){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px;position:absolute}.skip-to-main{background:var(--background-accent-main);padding:1rem;border-radius:var(--border-radius-lg)}.site-header{padding-block:1rem;overflow-x:clip;position:relative}.site-header__inner{display:flex;gap:.5rem 1rem;flex-wrap:wrap;justify-content:space-between}.site-footer{text-align:center;padding-block:8rem;gap:2rem}.site-footer svg{position:relative;top:5px;transition:ease 1s,display 1s,translate 1s}.site-footer svg:hover{color:var(--clr-light-blue);width:35px;height:35px}[aria-controls=primary-nav]{z-index:100;background:transparent;border:0}[aria-controls=primary-nav]{display:none}@media (width < 760px){.primary-navigation.light{background-color:var(--bacground-menu-light)}.primary-navigation.dark{background-color:var(--bacground-menu-dark)}}.primary-navigation{font-family:var(--ff-body);font-size:var(--font-size-lg);font-weight:var(--fs-200)}.primary-navigation ul{list-style:none;display:flex;gap:.5rem 1rem}.primary-navigation a{text-decoration:none}.primary-navigation a:hover,.primary-navigation a:focus-visbile{color:var(--clr-light-blue)}.primary-navigation .btn-link{background:none;border:none;color:var(--clr-light-blue);cursor:pointer;text-decoration:none;transition:color .3s ease,transform .2s ease}.primary-navigation .btn-link:hover{color:#086a6c;transform:translateY(-1px)}.primary-navigation .btn-link:focus{outline:2px dashed #086a6c;outline-offset:2px}.primary-navigation .btn-link:active{color:#002e2f;transform:scale(.98)}@media (width < 760px){.primary-navigation{display:none;opacity:0;transition:opacity 1s,display 1s,translate 1s;transition-behavior:allow-discrete;translate:100% 0;position:absolute;z-index:10;top:0;right:0;padding:2rem;font-size:var(--font-size-lg);font-weight:700;font-family:var(--ff-heading);background-color:#d6f6ff;border-radius:0 0 0 var(--border-radius-md)}.primary-navigation ul{gap:0;flex-direction:column}.primary-navigation li{--delay: .5s translate: 50%;transition:translate 1s var(--delay),opacity 1s var(--delay)}.primary-navigation li:nth-child(2){--delay: .75s}.primary-navigation li:nth-child(3){--delay: 1s}.primary-navigation li+li{margin-block-start:1.5rem;padding-block-start:1.5rem;border-top:2px solid var(--background-light)}}@media (width < 760px){[aria-controls=primary-nav]{display:block}[aria-expanded=true]+.primary-navigation{display:block;opacity:1;translate:0 0}@starting-style{[aria-expanded=true]+.primary-navigation{opacity:0;translate:0 -100%}}[aria-expanded=true]+.primary-navigation li{translate:0 0;opacity:1}@starting-style{[aria-expanded=true]+.primary-navigation li{opacity:0;translate:0 50%}}.my-icon{margin-inline-start:.5em;margin-inline-end:.5em}}.hero{align-content:center;text-align:center;animation:fade-out forwards;animation-timeline:view();animation-range-start:exit}.card{display:flex;flex-direction:column;flex-wrap:wrap;color:#000;gap:var(--card-gap, 1rem);width:300px;padding:1rem;border-radius:var(--border-radius-lg);overflow:hidden;position:relative}.card img{border-radius:var(--border-radius-md)}.card[data-overflow=none]{width:100%;overflow:visible}.card[data-background=grey]{z-index:1;background-color:var(--clr-grey)}.projects__modal{width:100%;height:100%;bottom:-100%;left:0;background:linear-gradient(180deg,transparent 0%,var(--clr-grey) 100%);display:grid;align-items:flex-end;padding:1.5rem 1.25rem;position:absolute;transition:.3s}.card:hover .projects__modal{bottom:0}.projects__img{width:650px;height:100%}.card__title{font-size:var(--card--title-font-size, --font-size-heading-sm);color:var(--card-title-color, var(--text-brand))}.card__note{margin-block-start:auto;background-color:var(--background-extra-light);padding:.75rem;border-radius:var(--border-radius-md)}.tag-list{display:flex;gap:.5rem;flex-wrap:wrap;margin:0;padding:0}.tag-list li{font-family:var(--ff-heading);color:var(--text-high-contrast);font-size:var(--font-size-sm);padding:.125rem .25rem;background-color:var(--tag-bg, red);border-radius:var(--border-radius-sm)}.tag-list [data-platform=web]{background-color:var(--clr-shade-blue)}.tag-list [data-platform=mobile]{background-color:var(--clr-purple-blue)}.tag-list [data-category=e-commerce]{background-color:var(--clr-green)}.tag-list [data-category=enterainment]{background-color:var(--clr-teal)}.tag-list [data-category=game]{background-color:var(--clr-light-blue)}.tag-list [data-category=logistic]{background-color:var(--clr-brown)}.tag-list [data-category=weather]{background-color:var(--clr-orange)}.button{display:inline-flex;align-items:center;column-gap:.5rem;background-color:#43a4f5;color:#fff;padding:.5rem .6rem;border-radius:.5rem;transition:.3s;box-shadow:0 8px 24px hsla(var(--hue),var(--sat),var(--lig),.25)}.light .work_title{font-size:var(--font-size-heading-sm);border-bottom:3px solid var(--background-dark)}.light .work_title[data-padding=block-end]{padding-block-start:1rem}.dark .work_title{font-size:var(--font-size-heading-sm);border-bottom:3px solid var(--background-light)}.dark .work_title[data-padding=block-end]{padding-block-start:1rem}.resume__content{row-gap:3.5rem}.resume__title{font-size:var(--font-size-lg);margin-block:1.5rem}.resume__box{display:flex;justify-content:left;column-gap:3rem}.resume__group{display:grid;align-content:flex-start;row-gap:1rem}.resume__group li{list-style:square}.resume__data{display:flex;column-gap:.5rem}.resume__name{font-size:var(--font-size-lg);font-weight:500;line-height:18px}.resume__level{font-size:var(--font-size-sm)}.about-image{max-height:600px;justify-self:center;position:relative;z-index:1}.skills__box{display:flex;justify-content:center}@media (width < 760px){.skills__box{flex-direction:column}}.skills__group{display:grid;align-content:flex-start;row-gap:1rem}.skills__data{display:flex;column-gap:.5rem}.skills__data i{font-size:1rem;color:var(--first-color)}.skills__name{font-size:var(--normal-font-size);font-weight:500;line-height:18px}.skills__level{font-size:var(--smaller-font-size)}.icon{height:24px;width:24px}select{margin-block:.5rem;padding:.5rem 1rem;background-color:var(--clr-light-blue);border:0;border-radius:var(--border-radius-md);color:var(--text-high-contrast)}.availability-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.85rem;color:#085a5c;background:#daf2ee;border:1px solid #bfe6df;border-radius:999px}.availability-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#11c26f;box-shadow:0 0 0 3px #11c26f2e}}@layer utilites{.flex-group{display:flex;flex-wrap:wrap;gap:.5rem}.flow>*+*{margin-top:var(--flow-spacer, 1em)}[hidden]{display:none}.resizing *{transition:none;animation-play-state:paused}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.font-family-basic{font-family:Arial,Helvetica Neue,Helvetica,sans-serif}}.star.dark{position:absolute;width:4px;height:4px;background:#fff;font-size:3em;animation:moveStars linear infinite;will-change:transform}.star.light{position:absolute;width:4px;height:4px;background:#2e236c;animation:moveStars linear infinite;font-size:5em;will-change:transform}@keyframes moveStars{0%{transform:translateY(0) translate(0)}to{transform:translateY(100vh) translate(100vw)}}.stars-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:0}