:root{--color-primary: #eb2f64;--color-primary-light: #ff3366;--color-primary-dark: #ba265d;--color-primary-light-smooth: rgba(255, 51, 102, .85);--color-primary-dark-smooth: rgba(186, 38, 93, .85);--color-grey-light-1: #faf9f9;--color-grey-light-2: #f4f2f2;--color-grey-light-3: #f0eeee;--color-grey-light-4: #ccc;--color-bg-dark: #181818;--color-bg-light-dark: #292727;--color-bg-lighter-dark: #484747;--color-grey-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--shadow-dark: 0 2rem 6rem rgba(0, 0, 0, .3);--shadow-light: 0 2rem 5rem rgba(0, 0, 0, .06);--line: 1px solid var(--color-grey-light-2)}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 68.75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (max-width: 37.5em){html{font-size:37.5%}}body{font-family:Gza,sans-serif;box-sizing:border-box;color:#fff;line-height:1.6;background-color:var(--color-bg-dark)}.mb-1{margin-bottom:1rem}.bg-video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;filter:brightness(50%);overflow:hidden}.bg-video__content{height:100%;width:100%;object-fit:cover}@keyframes moveInFromBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInFromTop{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translate(0)}}@keyframes pulsate{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.2);box-shadow:0 1rem 4rem #00000040}to{transform:scale(1);box-shadow:none}}@font-face{font-family:Relative;font-style:normal;src:url(/assets/Relative-Book-DP5ifh8J.ttf)}@font-face{font-family:Gza;font-style:normal;src:url(/assets/gza-seminegra-webfont-Cq4bcSex.ttf)}.heading-primary{line-height:6.8rem;font-size:5.5rem;letter-spacing:0}@media only screen and (max-width: 37.5em){.heading-primary{font-size:4rem}}.heading-secondary{font-size:4rem}@media only screen and (max-width: 37.5em){.heading-secondary{font-size:3rem}}.heading-tertiary{font-family:Relative;letter-spacing:.2rem;font-size:2.2rem;text-transform:uppercase}@media only screen and (max-width: 37.5em){.heading-tertiary{font-size:2rem}}.para{font-size:1.7rem;margin-bottom:.5rem}.para--2{font-family:Relative}.para-med{font-size:1.5rem;margin-bottom:.3rem}.para-small{font-size:1.2rem;margin-bottom:.1rem}.quote{font-family:Relative;font-size:2rem}.ta-center{text-align:center}.landing-section{height:100vh;position:relative;padding:15rem}@media only screen and (max-width: 68.75em){.landing-section{padding:10rem}}@media only screen and (max-width: 68.75em){.landing-section{min-height:100vh}}@media only screen and (max-width: 37.5em){.landing-section{padding:4rem}}.landing-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro{position:relative;text-align:center;max-width:80rem;transition:all .4s}.intro__name{animation:moveInFromTop .5s ease-out .05s}.intro__profession{animation:moveInFromTop .5s ease-out .05s;animation-delay:.5s;animation-fill-mode:backwards}.intro__elevator-pitch{margin-top:2rem;animation:moveInFromTop .5s ease-out .05s;animation-delay:1s;animation-fill-mode:backwards}.arrow-down{position:absolute;bottom:1rem;height:4rem;width:4rem;fill:var(--color-grey-dark-1);animation:pulsate 2s infinite}.skills-section{margin:0 auto;max-width:300rem;padding:4rem 8rem}@media only screen and (max-width: 56.25em){.skills-section{padding:3rem 6rem}}@media only screen and (max-width: 37.5em){.skills-section{padding:2.5rem 4rem}}@media only screen and (max-width: 31.25em){.skills-section{padding:2rem 2.5rem}}.skills-section{position:relative}.skills-section__bg{position:absolute;left:0;top:0;height:100%;width:100%;background-size:cover;z-index:-1;filter:brightness(30%);filter:brightness(20%);background-image:url(/assets/stars-spiral-BClJT19k.webp)}.skills-section{display:grid;grid-template-rows:min-content repeat(3,min-content);grid-template-columns:repeat(2,1fr);grid-gap:3rem}@media only screen and (max-width: 37.5em){.skills-section{grid-template-rows:min-content repeat(4,1fr);align-items:center;grid-template-columns:1fr;grid-gap:1rem}}.skills-writeup{grid-column:1/-1;margin-bottom:2rem}@media only screen and (max-width: 37.5em){.skills-writeup{margin-bottom:0}}.skills-writeup__heading{margin-bottom:1rem}.skill-type{background-image:linear-gradient(to bottom right,var(--color-bg-dark),var(--color-primary-dark));text-align:center;opacity:.9;box-shadow:var(--shadow-dark);padding:1.5rem;border-radius:1rem}.skill-type--1,.skill-type--4{grid-column:1/-1;justify-self:center;width:60%}@media only screen and (max-width: 56.25em){.skill-type--1,.skill-type--4{width:100%}}.skill-type__heading{margin-bottom:2rem}.skills{font-family:Relative;display:grid;grid-template-rows:1fr;grid-template-columns:repeat(4,minmax(5rem,1fr));grid-gap:1.5rem}@media only screen and (max-width: 31.25em){.skills{grid-column-gap:0;grid-row-gap:1rem}}.skill{cursor:pointer;padding:.5rem;border-radius:1rem;transition:all .3s ease-out}.skill__icon{height:4rem;width:4rem}.skill__text{font-size:1.3rem}.skill:hover{background-image:linear-gradient(to bottom right,var(--color-primary),var(--color-bg-light-dark));transform:translateY(-.5rem) scale(1.03);box-shadow:0 2rem 2rem #0003}.skill:active,.skill:focus{transform:translateY(-.1rem);box-shadow:0 .5rem 1rem #0003}.experiences-section{margin:0 auto;max-width:300rem;padding:4rem 8rem}@media only screen and (max-width: 56.25em){.experiences-section{padding:3rem 6rem}}@media only screen and (max-width: 37.5em){.experiences-section{padding:2.5rem 4rem}}@media only screen and (max-width: 31.25em){.experiences-section{padding:2rem 2.5rem}}.experiences-section{position:relative;display:grid;grid-template-rows:.2fr .1fr .2fr .2fr .2fr .2fr .2fr .2fr;grid-template-columns:.5fr .5fr .5fr .5fr;align-items:center;justify-items:center;grid-gap:2rem}.experiences-section__bg{position:absolute;left:0;top:0;height:100%;width:100%;background-size:cover;z-index:-1;filter:brightness(30%);background-image:url(/assets/starry-sky-D5bIp_Vn.webp)}@media only screen and (max-width: 37.5em){.experiences-section{grid-template-rows:.2fr .2fr 1fr 1fr 1fr;grid-template-columns:1fr;grid-gap:3rem}}.experiences-writeup{grid-column:1/3}@media only screen and (max-width: 37.5em){.experiences-writeup{grid-column:1/-1}}@media only screen and (max-width: 37.5em){.experiences-writeup__para{grid-column:1/-1}}.experiences-quote{grid-column:3/-1;text-align:end;background-image:linear-gradient(to bottom right,var(--color-bg-dark),var(--color-primary-dark));opacity:.9;padding:2rem;transform:skew(-12deg)}@media only screen and (max-width: 37.5em){.experiences-quote{grid-column:1/-1;grid-row:2/3;transform:skew(-5deg);text-align:center}}.experiences{grid-column:1/-1;grid-row:3/-1;color:var(--color-bg-dark);align-self:stretch;justify-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;grid-gap:3rem}@media only screen and (max-width: 37.5em){.experiences{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.exp{color:var(--color-bg-dark);position:relative;max-width:40rem;max-height:40rem;border-radius:1rem;overflow:hidden;padding:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;transition:all .3s ease-out;cursor:pointer;box-shadow:var(--shadow-light);border:.5rem solid var(--color-grey-dark-1)}@media only screen and (max-width: 56.25em){.exp{max-width:100%}}.exp:hover{box-shadow:var(--shadow-dark);border:.5rem solid var(--color-primary-dark)}.exp:hover>.exp__bg{filter:brightness(50%)}.exp__bg{background-image:url(/assets/code-N2Cygu_e.webp);background-size:cover;position:absolute;top:0;left:0;height:100%;width:100%;filter:brightness(40%)}.exp__company-logo{height:6rem;margin-bottom:2rem;padding:1rem;border-radius:1rem;background-color:var(--color-grey-light-3);opacity:.8}.exp__writeup{background-color:var(--color-grey-light-3);padding:1.5rem;max-width:85%;opacity:.8;border-radius:1rem}@media only screen and (max-width: 31.25em){.exp__writeup{max-width:90%}}.exp__link:link,.exp__link:visited{color:var(--color-primary-light);text-decoration:none;text-transform:uppercase;display:inline-block;transition:all .2s}.exp__link:hover,.exp__link:active{color:var(--color-primary-light);background-color:var(--color-bg-light-dark);transform:rotate(-5deg) scale(1.1)}.exp--2{grid-column:2/3;grid-row:2/-1}@media only screen and (max-width: 37.5em){.exp--2{grid-row:4/5;grid-column:1/1}}.about-section{margin:0 auto;max-width:300rem;padding:4rem 8rem}@media only screen and (max-width: 56.25em){.about-section{padding:3rem 6rem}}@media only screen and (max-width: 37.5em){.about-section{padding:2.5rem 4rem}}@media only screen and (max-width: 31.25em){.about-section{padding:2rem 2.5rem}}.about-section{position:relative;display:grid;grid-template-rows:.3fr 1fr 1fr;grid-template-columns:1fr 1fr;grid-row-gap:3rem;grid-column-gap:2rem;align-items:center}@media only screen and (max-width: 37.5em){.about-section{grid-template-rows:min-content min-content min-content min-content;justify-items:center}}.about-section__bg{position:absolute;left:0;top:0;height:100%;width:100%;background-size:cover;z-index:-1;filter:brightness(30%);background-image:url(/assets/galaxy-xXHexItt.webp)}.about-section .heading-secondary{justify-self:start;grid-column:1/-1}.about-me{background-image:linear-gradient(to bottom right,var(--color-bg-dark),var(--color-primary-dark));border-radius:1rem;padding:2rem}@media only screen and (max-width: 37.5em){.about-me{grid-column:1/-1}}.about-me__interests{list-style:none;text-align:center;width:100%;display:grid;grid-template-columns:repeat(6,1fr)}@media only screen and (max-width: 68.75em){.about-me__interests{grid-template-columns:repeat(3,1fr)}}.about-me__interests>li{transition:all .2s;border-radius:.5rem}.about-me__interests>li:hover{cursor:pointer;background-color:var(--color-bg-dark);color:var(--color-primary);transform:rotate(-5deg) scale(1.1);text-transform:uppercase}.contact{background-image:linear-gradient(to bottom right,var(--color-bg-dark),var(--color-primary-dark));border-radius:1rem;padding:2rem;display:grid;grid-template-columns:max-content repeat(4,minmax(5rem,1fr));align-items:center;justify-items:center}@media only screen and (max-width: 56.25em){.contact{grid-column:1/-1;grid-template-rows:1fr 1fr;grid-template-columns:repeat(4,minmax(5rem,1fr))}}@media only screen and (max-width: 37.5em){.contact{justify-self:stretch}}@media only screen and (max-width: 56.25em){.contact__heading{grid-column:1/-1}}.contact__item__icon{height:7rem;width:7rem;padding:2rem;border-radius:1rem;transition:all .3s ease-out}.contact__item__icon:hover{background-image:linear-gradient(to bottom right,var(--color-primary),var(--color-bg-light-dark));transform:translateY(-.5rem) scale(1.03);box-shadow:0 2rem 2rem #0003}.contact__item__icon:active,.contact__item__icon:focus{transform:translateY(-.1rem);box-shadow:0 .5rem 1rem #0003}.photos{justify-self:stretch;align-self:stretch;padding:5rem;grid-row:2/-1;grid-column:2/-1;position:relative;display:flex;justify-content:center;align-items:start}@media only screen and (max-width: 56.25em){.photos{align-self:start;grid-row:2/3;height:100%;padding:0}}@media only screen and (max-width: 37.5em){.photos{grid-column:1/-1;grid-row:3/4}}.card{perspective:150rem;-moz-perspective:150rem;position:relative;width:35rem;height:50rem}@media only screen and (max-width: 56.25em){.card{width:30rem;height:40rem}}.card__side{height:100%;transition:all .8s ease;position:absolute;top:0;left:0;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.3rem;overflow:hidden;box-shadow:0 1.5rem 4rem #00000026;box-shadow:var(--shadow-dark);border:.2rem solid var(--color-grey-dark-1)}.card__side--front{background-color:#fff}.card__side--back{transform:rotateY(180deg)}.card:hover .card__side--front{transform:rotateY(-180deg)}.card:hover .card__side--back{transform:rotateY(0)}.card__picture{background-size:cover;height:100%;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.card__picture--1{background-image:url(/assets/me-1-PrWgc3x0.webp);filter:brightness(80%)}.card__picture--2{background-image:url(/assets/me-2-B9MjXraQ.webp);filter:brightness(80%)}.card__footer{position:absolute;bottom:1rem;right:1rem;width:75%;font-size:2.8rem;font-family:Relative;font-weight:300;text-align:right;text-transform:uppercase}.card__footer-span{padding:.3rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}.card__footer-span--1{background-image:linear-gradient(to right bottom,var(--color-primary-light-smooth),var(--color-primary-dark-smooth))}
