@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap";.home__subtitle{display:none;font-size:var(--fs-body);font-weight:700;color:var(--clr-fade);text-align:start}.home__title{font-size:var(--fs-heading-mobile);color:var(--clr-primary);font-weight:700;text-align:center;margin-bottom:1.6rem;margin-top:3rem}.home__content{font-size:var(--fs-body-mobile);font-weight:700;margin:0 0 3.2rem;color:var(--clr-fade);text-align:justify;line-height:220%;word-break:break-word}.home__links{width:100%;padding:1rem 0;display:flex;flex-direction:row;justify-content:space-evenly}.home__bar{margin-top:1.6rem;width:100%;border-width:1px;border-color:var(--clr-fade);opacity:.5;display:none}@media screen and (max-width: 450px){.home{height:100vh!important}}@media screen and (min-width: 880px){.home__subtitle{display:block}.home__title{font-size:3.2rem;text-align:start;margin-bottom:3.2rem;margin-top:1.6rem}.home__content{font-size:var(--fs-body);font-weight:700;text-align:start;line-height:220%;word-break:break-word}.home__links{gap:2.5rem;justify-content:start}.home__bar{display:block}}.home__container{display:flex;flex-direction:column;justify-content:center;width:100%}.home__title__highlight{background-image:var(--gradient-shadow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home__links a svg{fill:var(--clr-fade);height:1.5rem;width:1.5rem}.navbar{width:100%;padding:2rem 8rem;display:none;justify-content:space-between;color:var(--clr-primary)}.navbar-mobile{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:1.6rem 1.6rem 0;align-items:center}.logo-mobile{margin:0 1.2rem 0 0;font-size:.8rem;letter-spacing:.65rem;text-transform:uppercase;color:var(--clr-primary);font-weight:700}.magic-stick-mobile{flex:1;height:2px;left:173px;top:30px;background:var(--gradient-shadow-two);background-size:100% 600%}.navbar-break{display:none}@media screen and (min-width: 880px){.navbar{display:flex}.navbar-mobile{display:none}.navbar-break{width:100%;background-color:#292929;height:1px;display:block}}.navbar__logo{font-size:var(--fs-body);font-weight:700;text-transform:uppercase;letter-spacing:.5rem}.navbar__links{font-size:var(--fs-body);font-weight:700;display:flex;flex-direction:row;gap:2.5rem}.projects__header{display:flex;flex-direction:column}.projects__heading{font-size:var(--fs-title);font-weight:700;margin:1em 0 .4rem;color:var(--clr-primary)}.projects__subheading{font-size:var(--fs-body);font-weight:700;margin:0 0 3.6rem;color:var(--clr-fade);line-height:220%}.projects__list{display:flex;flex-direction:column;gap:.5rem}@media screen and (max-width: 880px){.projects{margin-top:2rem}.projects__header{align-items:center}.projects__heading{font-size:var(--fs-title-mobile);text-align:center}.projects__subheading{font-size:var(--fs-body-mobile);text-align:center;margin-bottom:1rem}}@media screen and (max-width: 450px){.projects{margin-top:0}}.project{position:relative;width:100%;height:auto}.project__image-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:0}.project__image_shadow{position:absolute;width:100%;background-image:linear-gradient(to bottom,transparent,var(--clr-bg-two));height:0;display:block;transition:height .35s}.project__filler{width:100%;height:150px;background-color:var(--clr-bg-two)}.project__image{width:100%;height:0;object-fit:cover;object-position:top;display:block;transition:height .35s}.project__content{width:100%;height:100%;display:flex;flex-direction:column;padding:0 30px;position:absolute;bottom:0}.project__header{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project__titles{display:flex;flex-direction:row;gap:1.5rem;align-items:center}.project__title{font-size:var(--fs-title);font-weight:700;color:var(--clr-primary)}.project__subtitle{font-size:var(--fs-body);color:var(--clr-fade);font-weight:700}.project__links a svg{fill:var(--clr-fade);height:1.5rem!important;width:1.5rem!important;cursor:pointer}.project__links{display:flex;flex-direction:row;gap:1rem;align-items:center}.project__description{display:none}@media screen and (min-width: 880px){.project:hover .project__description{display:block;font-size:var(--fs-body);color:var(--clr-fade);font-weight:700;margin-top:1rem}.project__filler{height:150px}.project:hover .project__subtitle{display:none}.project:hover .project__header{justify-content:start;gap:1rem}.project:hover .project__content{height:auto;bottom:30px}.project:hover .project__image_shadow,.project:hover .project__image{height:400px}}@media screen and (max-width: 880px){.project__image,.project__image_shadow{height:150px}.project__title{font-size:var(--fs-title-mobile)}.project__subtitle{font-size:var(--fs-body-mobile)}.project__filler{height:100px}.project__header{flex-direction:column;justify-content:start;gap:.7rem}.project__titles{flex-direction:column;gap:.7rem}.project__content{height:auto;bottom:15px}.project__links a svg{height:1.2rem!important;width:1.2rem!important}}.skills__header{display:flex;flex-direction:column}.skills__heading{font-size:var(--fs-title);font-weight:700;margin:1em 0 .4rem;color:var(--clr-primary)}.skills__subheading{font-size:var(--fs-body);font-weight:700;margin:0 0 3.6rem;color:var(--clr-fade);line-height:220%}.skills__list{display:flex;flex-direction:column;gap:5rem;height:100%;width:100%}.skills__group{display:flex;flex-direction:row;gap:2.4rem;width:100%;overflow:hidden;height:100%}.skills__item{animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite}.skills__item:hover{transform:scale(1.1);transition:transform .2s ease-in-out}@media screen and (min-width: 880px){.slideFirst{animation-name:slide1800}.slideSecond{animation-name:slide1380}}@media screen and (max-width: 880px){.skills__heading{font-size:var(--fs-title-mobile);text-align:center}.skills{margin-top:2rem}.skills__subheading{font-size:var(--fs-body-mobile);text-align:center;margin-bottom:1rem}.skills svg{width:3rem;height:3rem}.skills__list{gap:2rem}.slideFirst{animation-name:slide1125}.slideSecond{animation-name:slide866}}@keyframes slide1380{0%{transform:translate(0)}to{transform:translate(-1385px)}}@keyframes slide1800{0%{transform:translate(0)}to{transform:translate(-1800px)}}@keyframes slide866{0%{transform:translate(0)}to{transform:translate(-866px)}}@keyframes slide1125{0%{transform:translate(0)}to{transform:translate(-1125px)}}.contact{display:flex;flex-direction:column;align-items:center;height:100vh;margin:0;padding-top:5rem!important}.contact .header{font-size:var(--fs-title);color:var(--clr-primary);font-weight:700;margin-bottom:.6rem}.contact-highlight{background-image:var(--gradient-shadow-two);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:600% 600%;animation:slideBackground 8s ease infinite}.contact .email{color:var(--clr-fade)!important;font-size:var(--fs-body);font-weight:700}.contact a:hover{text-decoration:none}@media screen and (max-width: 880px){.contact{height:100vh;margin:0;padding-top:5rem!important}.contact .header{font-size:var(--fs-title-mobile);text-align:center}.contact .email{font-size:var(--fs-body-mobile);text-align:center}}@keyframes slideBackground{0%{background-position:51% 0}50%{background-position:50% 100%}to{background-position:51% 0}}:root{--clr-primary: white;--clr-fade: #B1B1B1;--clr-bg: rgb(0, 0, 0);--clr-bg-two: #000000;--fs-xl: clamp(3.5rem, 3vw, 12rem);--fs-heading: 3.2rem;--fs-title: 1.7rem;--fs-pre-title: 1rem;--fs-sub-title: .8rem;--fs-body: 1.3rem;--fs-body-two: 1rem;--fs-heading-mobile: 1.5rem;--fs-title-mobile: 1.2rem;--fs-subtitle-mobile: 1rem;--fs-body-mobile: .8rem;--gradient-shadow: linear-gradient(150deg, #ff5733, #ff33b5, #338cff);--gradient-shadow-two: linear-gradient(179deg, #ff5733, #ff33b5, #338cff)}#root{width:100vw;display:flex;flex-direction:column;align-items:center}.container{padding-top:4.8rem;width:880px;display:flex;flex-direction:column}@media screen and (max-width: 880px){.container{width:100%;padding:0 1.6rem}}a{text-decoration:none;color:var(--clr-primary)}body{margin:0;display:flex;place-items:center;min-width:320px;background:var(--clr-bg)}*{box-sizing:border-box;font-family:Courier Prime,monospace}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--clr-bg)}body::-webkit-scrollbar-thumb:hover{background:#555}body::-webkit-scrollbar-thumb{background:var(--clr-bg-two);border-radius:2px}