:root{--color-white: #fff;--color-black: #111;--color-purple: #7510f7;--color-grey-light: #d4d4d8;--color-grey: #71717a;--color-grey-dark: #3f3f46;--color-grey-dark-2: #18181b;--color-red: #f44336;--color-blue-light: #2196f3;--color-blue-light-2: #eff6ff;--color-blue-light-3: #93c5fd;--color-blue-dark: #1b1e27;--color-blue-dark-2: #171a21;--color-orbit-green: hsl(123, 47%, 74%);--color-orbit-blue: hsl(210, 47%, 74%);--color-orbit-orange: hsl(34, 93%, 77%);--color-orbit-purple: hsl(231, 44%, 76%);--color-orbit-yellow: hsl(54, 76%, 79%);--color-orbit-brown: hsl(20, 41%, 69%);--color-orbit-red: hsl(0, 59%, 76%);--color-orbit-pink: hsl(295, 42%, 72%);--color-orbit-white: hsl(0, 0%, 100%);--distance: 20rem}@media screen and (max-width: 78.75em){:root{--distance: 16rem}}@-webkit-keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes glitch{0%{filter:drop-shadow(0.5rem 0.4rem var(--color-red)) drop-shadow(-0.5rem -0.6rem var(--color-blue-light))}25%{filter:drop-shadow(-0.5rem -0.6rem var(--color-red)) drop-shadow(0.5rem 0.4rem var(--color-blue-light))}50%{filter:drop-shadow(0.5rem -0.4rem var(--color-red)) drop-shadow(-0.8rem 0.4rem var(--color-blue-light))}75%{filter:drop-shadow(-0.8rem -0.4rem var(--color-red)) drop-shadow(-0.5rem -0.4rem var(--color-blue-light))}100%{filter:drop-shadow(-0.5rem 0 var(--color-red)) drop-shadow(0.5rem -0.4rem var(--color-blue-light))}}@keyframes glitch{0%{filter:drop-shadow(0.5rem 0.4rem var(--color-red)) drop-shadow(-0.5rem -0.6rem var(--color-blue-light))}25%{filter:drop-shadow(-0.5rem -0.6rem var(--color-red)) drop-shadow(0.5rem 0.4rem var(--color-blue-light))}50%{filter:drop-shadow(0.5rem -0.4rem var(--color-red)) drop-shadow(-0.8rem 0.4rem var(--color-blue-light))}75%{filter:drop-shadow(-0.8rem -0.4rem var(--color-red)) drop-shadow(-0.5rem -0.4rem var(--color-blue-light))}100%{filter:drop-shadow(-0.5rem 0 var(--color-red)) drop-shadow(0.5rem -0.4rem var(--color-blue-light))}}@-webkit-keyframes scroll-circle{from{top:1rem}to{top:1.2rem}}@keyframes scroll-circle{from{top:1rem}to{top:1.2rem}}@-webkit-keyframes scroll-arrow{from{opacity:1}to{opacity:0}}@keyframes scroll-arrow{from{opacity:1}to{opacity:0}}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}100%{background-position:0 0}}@-webkit-keyframes orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes pulsate{from{transform:scale(1)}to{transform:scale(1.03)}}@keyframes pulsate{from{transform:scale(1)}to{transform:scale(1.03)}}@-webkit-keyframes show{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes show{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@-webkit-keyframes orbit-setup-1{to{transform:translate(-50%, -50%) rotate(45deg) translateY(var(--distance))}}@keyframes orbit-setup-1{to{transform:translate(-50%, -50%) rotate(45deg) translateY(var(--distance))}}@-webkit-keyframes orbit-setup-2{to{transform:translate(-50%, -50%) rotate(90deg) translateY(var(--distance))}}@keyframes orbit-setup-2{to{transform:translate(-50%, -50%) rotate(90deg) translateY(var(--distance))}}@-webkit-keyframes orbit-setup-3{to{transform:translate(-50%, -50%) rotate(135deg) translateY(var(--distance))}}@keyframes orbit-setup-3{to{transform:translate(-50%, -50%) rotate(135deg) translateY(var(--distance))}}@-webkit-keyframes orbit-setup-4{to{transform:translate(-50%, -50%) rotate(180deg) translateY(var(--distance))}}@keyframes orbit-setup-4{to{transform:translate(-50%, -50%) rotate(180deg) translateY(var(--distance))}}@-webkit-keyframes orbit-setup-5{to{transform:translate(-50%, -50%) rotate(225deg) translateY(var(--distance))}}@keyframes orbit-setup-5{to{transform:translate(-50%, -50%) rotate(225deg) translateY(var(--distance))}}@-webkit-keyframes orbit-setup-6{to{transform:translate(-50%, -50%) rotate(270deg) translateY(var(--distance))}}@keyframes orbit-setup-6{to{transform:translate(-50%, -50%) rotate(270deg) translateY(var(--distance))}}@-webkit-keyframes orbit-setup-7{to{transform:translate(-50%, -50%) rotate(315deg) translateY(var(--distance))}}@keyframes orbit-setup-7{to{transform:translate(-50%, -50%) rotate(315deg) translateY(var(--distance))}}@-webkit-keyframes orbit-setup-8{to{transform:translate(-50%, -50%) rotate(360deg) translateY(var(--distance))}}@keyframes orbit-setup-8{to{transform:translate(-50%, -50%) rotate(360deg) translateY(var(--distance))}}@-webkit-keyframes form-label-slide-show{0%{opacity:0;visibility:hidden;transform:translateX(0)}50%{opacity:.5;visibility:visible;transform:translateX(-120%)}100%{opacity:100;visibility:visible;transform:translateX(-120%)}}@keyframes form-label-slide-show{0%{opacity:0;visibility:hidden;transform:translateX(0)}50%{opacity:.5;visibility:visible;transform:translateX(-120%)}100%{opacity:100;visibility:visible;transform:translateX(-120%)}}@-webkit-keyframes form-label-slide-hide{0%{opacity:100;visibility:visible;transform:translateX(-120%)}50%{opacity:.5;visibility:visible;transform:translateX(0)}100%{opacity:0;visibility:hidden;transform:translateX(0)}}@keyframes form-label-slide-hide{0%{opacity:100;visibility:visible;transform:translateX(-120%)}50%{opacity:.5;visibility:visible;transform:translateX(0)}100%{opacity:0;visibility:hidden;transform:translateX(0)}}@-webkit-keyframes bubble{0%{transform:scale(1, 1)}25%{transform:scale(1.2, 0.8)}50%{transform:scale(0.8, 1.2)}75%{transform:scale(1.1, 0.9)}100%{transform:scale(1, 1)}}@keyframes bubble{0%{transform:scale(1, 1)}25%{transform:scale(1.2, 0.8)}50%{transform:scale(0.8, 1.2)}75%{transform:scale(1.1, 0.9)}100%{transform:scale(1, 1)}}@-webkit-keyframes bubble-out{0%{transform:scale(1, 1)}25%{transform:scale(1.2, 0.8)}50%{transform:scale(0.8, 1.2)}75%{transform:scale(1.1, 0.9)}100%{transform:scale(1, 1)}}@keyframes bubble-out{0%{transform:scale(1, 1)}25%{transform:scale(1.2, 0.8)}50%{transform:scale(0.8, 1.2)}75%{transform:scale(1.1, 0.9)}100%{transform:scale(1, 1)}}@-webkit-keyframes blur{from{filter:blur(3px)}to{filter:blur(0)}}@keyframes blur{from{filter:blur(3px)}to{filter:blur(0)}}*,*::after,*::before{box-sizing:inherit;margin:0;padding:0}html,body{height:100%,overflow-x:hidden}html{box-sizing:border-box;font-size:62.5%}@media screen and (max-width: 58.125em){html{font-size:56.25%}}@media screen and (max-width: 37.5em){html{font-size:50%}}@media screen and (max-width: 28.125em){html{font-size:43.75%}}body{font:400 1rem/1 sans-serif;overflow-x:hidden}@font-face{font-family:"Europa";src:url("/src/fonts/Europa Regular/Europa Regular.woff2") format("woff2"),url("/src/fonts/Europa Regular/Europa Regular.woff") format("woff"),url("/src/fonts/Europa Regular/Europa Regular.ttf") format("ttf"),url("/src/fonts/Europa Regular/Europa Regular.eot") format("eot"),url("/src/fonts/Europa Regular/Europa Regular.otf") format("otf");font-weight:normal;font-style:normal}@font-face{font-family:"Eurostile";src:url("/src/fonts/Eurostile/Eurostile.woff2") format("woff2"),url("/src/fonts/Eurostile/Eurostile.woff") format("woff"),url("/src/fonts/Eurostile/Eurostile.ttf") format("ttf"),url("/src/fonts/Eurostile/Eurostile.eot") format("eot"),url("/src/fonts/Eurostile/Eurostile.otf") format("otf");font-weight:normal;font-style:normal}body{font-family:"Europa",sans-serif}h2{font-family:"Eurostile",sans-serif}.section--hidden{opacity:0;visibility:hidden}.section--hidden.section--hidden-bottom{transform:translateY(8rem)}.section--hidden.section--hidden-right{transform:translateX(12rem)}.section--hidden.section--hidden-left{transform:translateX(-12rem)}.animations--paused,.animations--paused *{-webkit-animation-play-state:paused !important;animation-play-state:paused !important}img[data-src]:not(.lazy-image){animation:blur 500ms reverse}.about{align-self:start;grid-column:full-start/full-end;grid-row:about-start;color:var(--color-black);padding:12rem 0;position:relative;transition:transform 1s,opacity 1s;background:#fafafa;display:grid;grid-template-columns:repeat(2, 1fr);align-items:start}@media screen and (max-width: 63.75em){.about{grid-template-columns:1fr;justify-content:center}}.about__heading{font-size:4rem;font-weight:400;text-align:center;margin-bottom:1.6rem;grid-column:1/-1}@media screen and (max-width: 28.125em){.about__heading{padding:0 5vw}}.about__paragraph{font-family:"eurostile",sans-serif;line-height:1.5;font-size:1.6rem;padding:0 25vw;text-align:left;margin-bottom:5rem;grid-column:1/-1}@media screen and (max-width: 63.75em){.about__paragraph{padding:0 15vw}}@media screen and (max-width: 28.125em){.about__paragraph{margin-bottom:-1rem}}.skills{padding:5rem 0 10rem;width:50vw;position:relative;display:grid;grid-template-columns:repeat(9, 5.5555555556vw);grid-template-rows:repeat(9, 6.1111111111vh);transition:transform 1s,opacity 1s}@media screen and (max-width: 75em){.skills{top:-5rem;left:-2rem}}@media screen and (max-width: 63.75em){.skills{top:0;left:-12rem;justify-content:center;width:100vw}}@media screen and (max-width: 28.125em){.skills{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;row-gap:4rem;left:0}}.skills:hover .skill{transform:scale(0.9)}.skill{padding:4rem 6rem 6rem;background:var(--color-white);display:flex;flex-direction:column;align-items:center;box-shadow:0 .5rem .5rem rgba(0, 0, 0, 0.5);z-index:1;width:35rem;cursor:pointer;position:relative;transition:all 300ms}.skill:nth-child(1){grid-row:3/9;grid-column:2/7}@media screen and (max-width: 45em){.skill:nth-child(1){left:-7vw;top:-2vw}}@media screen and (max-width: 28.125em){.skill:nth-child(1){grid-column:1;grid-row:3;left:-10vw}}@media screen and (max-width: 25em){.skill:nth-child(1){left:-5vw}}.skill:nth-child(2){grid-row:1/7;grid-column:5/8}@media screen and (max-width: 63.75em){.skill:nth-child(2){left:10vw}}@media screen and (max-width: 28.125em){.skill:nth-child(2){grid-column:1;grid-row:4;left:10vw}}@media screen and (max-width: 25em){.skill:nth-child(2){left:5vw}}.skill:nth-child(3){grid-row:5/span 6;grid-column:6/10}@media screen and (max-width: 63.75em){.skill:nth-child(3){top:5vw}}@media screen and (max-width: 28.125em){.skill:nth-child(3){grid-column:1;grid-row:5;left:-10vw}}@media screen and (max-width: 25em){.skill:nth-child(3){left:-5vw}}.skill:hover{transform:scale(1.1) !important;z-index:2;outline:1rem solid currentColor;outline-offset:1rem}.skill__icon-wrapper{margin-bottom:3rem;position:relative}.skill__icon-wrapper::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";width:200%;height:175%;z-index:0;-webkit-clip-path:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);clip-path:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)}.skill:nth-child(1):hover{color:var(--color-blue-light-3)}.skill:nth-child(1) .skill__icon-wrapper::after{background:var(--color-blue-light-3)}.skill:nth-child(2):hover{color:#c69}.skill:nth-child(2) .skill__icon-wrapper::after{background:#c69}.skill:nth-child(3):hover{color:#589636}.skill:nth-child(3) .skill__icon-wrapper::after{background:#589636}.skill__icon{fill:var(--color-white);width:5rem;height:5rem;position:relative;z-index:1}.skill__heading{color:var(--color-black);font-size:2.2rem;font-weight:400;text-align:center;margin-bottom:1rem}.skill__text{text-align:center;font-size:1.6rem;color:var(--color-grey-dark);line-height:1.6}.footer{padding:4rem 8rem;grid-column:full-start/full-end;grid-row:footer-start;background:var(--color-grey-dark-2);color:var(--color-white);fill:var(--color-white);position:relative;display:flex;align-items:center;justify-content:space-between}.footer__legal{font-size:1.6rem}@media screen and (max-width: 37.5em){.footer__legal{font-size:1.2rem}}.footer__list{list-style:none;display:flex;align-items:center;gap:1.6rem}.footer__home,.footer__home:link,.footer__home:visited{color:inherit;position:absolute;z-index:20;display:inline-block;left:50%;transform:translateX(-50%);border-radius:50%;transition:all 300ms;padding:1rem;border:1px solid currentColor;background:inherit;cursor:pointer}.footer__home:hover{background:var(--color-white);fill:var(--color-grey-dark)}.footer__link:link,.footer__link:visited{color:inherit;border-radius:50%;display:inline-block;transition:all 300ms;padding:1rem;border:1px solid currentColor}.footer__link:hover{background:var(--color-white);fill:var(--color-grey-dark)}.footer__icon{width:3rem;height:3rem}@media screen and (max-width: 37.5em){.footer__icon{width:2rem;height:2rem}}.header{display:flex;align-items:center;justify-content:space-between;padding:2rem 8rem;transition:all 500ms 1500ms}.container{display:grid;grid-template-columns:[full-start] minmax(6rem, 1fr) [center-start] repeat(10, [col-start] minmax(-webkit-min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];grid-template-columns:[full-start] minmax(6rem, 1fr) [center-start] repeat(10, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];grid-template-rows:[hero-start] 100vh [hero-end projects-start] auto [projects-end about-start] auto [about-end contact-start] auto [contact-end footer-start] auto [footer-end]}.nav{display:flex;align-items:center;gap:4.8rem;font-size:2rem;font-weight:600;color:var(--color-white)}.nav__link:link,.nav__link:visited{position:relative;display:inline-block;color:inherit;text-decoration:none;overflow:hidden}.nav__link:link span,.nav__link:visited span{display:inline-block;transform:translateX(0);transition:transform 500ms}.nav__link::before{content:"";position:absolute;bottom:0;left:0;transform:scaleX(0);transform-origin:right;transition:transform 500ms;width:100%;height:.1rem;background:currentColor}.nav__link::after{content:attr(data-text);position:absolute;top:0;right:0;height:100%;transform:translateX(150%);transition:transform 500ms}.nav__link:hover span{transform:translateX(-150%)}.nav__link:hover::before{transform:scaleX(1);transform-origin:left}.nav__link:hover::after{transform:translateX(0)}.contact{grid-row:contact-start;grid-column:full-start/full-end;display:grid;place-items:center;font-family:"eurostile",sans-serif;background:var(--color-blue-dark);color:var(--color-white);padding:20rem 0 8rem;-webkit-clip-path:polygon(0 0, 50% 10vh, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 50% 10vh, 100% 0, 100% 100%, 0 100%);transition:all 500ms;margin-top:-15rem}.form{width:30vw;font-size:1.6rem;display:flex;flex-direction:column;gap:2rem}@media screen and (max-width: 87.5em){.form{width:40vw}}@media screen and (max-width: 63.75em){.form{width:50vw}}@media screen and (max-width: 34.375em){.form{width:70vw}}.form ::-moz-placeholder{-moz-appearance:none;appearance:none;border:none;background:var(--color-blue-dark-2);color:inherit;font:inherit;font-family:inherit;display:block;width:100%;padding:1rem}.form__label,.form__input,.form__button,.form ::placeholder{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--color-blue-dark-2);color:inherit;font:inherit;font-family:inherit;display:block;width:100%;padding:1rem}.form__area{height:12rem}.form__title{font-size:4rem;text-align:center;margin-bottom:6rem;position:relative}.form__title::after{content:"";position:absolute;left:50%;top:150%;transform:translateX(-50%);width:50%;height:.5rem;background:currentColor}.form__component{position:relative}.form__label{width:auto;background:none;color:var(--color-grey-light);opacity:0;visibility:hidden;transform:translateX(0);position:absolute;top:.25rem}.form__input:-moz-placeholder-shown~.form__label{animation:form-label-slide-hide 1s forwards}.form__input:placeholder-shown~.form__label{-webkit-animation:form-label-slide-hide 1s forwards;animation:form-label-slide-hide 1s forwards}.form__input:not(:-moz-placeholder-shown)~.form__label{animation:form-label-slide-show 1s forwards}.form__input:not(:placeholder-shown)~.form__label{-webkit-animation:form-label-slide-show 1s forwards;animation:form-label-slide-show 1s forwards}.form__input,.form__button{transition:box-shadow 500ms;outline:none}.form__input:focus,.form__button:focus{box-shadow:0 0 0 .5rem rgba(255, 255, 255, 0.5)}.form__button{cursor:pointer;font-size:2rem;color:var(--color-white);width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:1rem 4rem;border:2px solid currentColor;transition:all 500ms;margin-left:auto}.form__button:hover{background:var(--color-blue-light-3);border-color:transparent}.hero{height:100vh;grid-column:full-start/full-end;grid-row:hero-start/hero-end;background:linear-gradient(to bottom right, #1c2968, #1b1238 49.5%, #1d1443 49.5%, #1d1443, 50.5%, #160c1f 50.5%, #1a112f);position:relative;display:flex;flex-direction:column;gap:3rem}.hero__heading{position:relative;top:10%;left:5%;z-index:4;padding:1rem;color:var(--color-white);font-size:5rem;font-weight:600;padding:3rem;transition:transform 1000ms,opacity 1500ms;display:flex;flex-flow:row wrap;gap:1.2rem}@media screen and (max-width: 70.625em){.hero__heading{width:50vw}}@media screen and (max-width: 52em){.hero__heading{width:80vw}}@media screen and (max-width: 40.625em){.hero__heading{width:100vw;padding:2rem 4rem 2rem 2rem;text-align:center}.hero__heading .word{display:flex}}.hero__heading .break{flex:1 0 100%}.hero__heading span{display:inline-block;opacity:1;transition:opacity 2s}.hero__heading span:nth-child(1){-webkit-animation:bubble 500ms 100ms;animation:bubble 500ms 100ms}.hero__heading span:nth-child(2){-webkit-animation:bubble 500ms 150ms;animation:bubble 500ms 150ms}.hero__heading span:nth-child(3){-webkit-animation:bubble 500ms 200ms;animation:bubble 500ms 200ms}.hero__heading span:nth-child(4){-webkit-animation:bubble 500ms 250ms;animation:bubble 500ms 250ms}.hero__heading span:nth-child(5){-webkit-animation:bubble 500ms 300ms;animation:bubble 500ms 300ms}.hero__heading span:nth-child(6){-webkit-animation:bubble 500ms 350ms;animation:bubble 500ms 350ms}.hero__heading span:nth-child(7){-webkit-animation:bubble 500ms 400ms;animation:bubble 500ms 400ms}.hero__heading span:nth-child(8){-webkit-animation:bubble 500ms 450ms;animation:bubble 500ms 450ms}.hero__heading span:nth-child(9){-webkit-animation:bubble 500ms 500ms;animation:bubble 500ms 500ms}.hero__heading span:nth-child(10){-webkit-animation:bubble 500ms 550ms;animation:bubble 500ms 550ms}.hero__heading span:nth-child(11){-webkit-animation:bubble 500ms 600ms;animation:bubble 500ms 600ms}.hero__heading span:nth-child(12){-webkit-animation:bubble 500ms 650ms;animation:bubble 500ms 650ms}.hero__heading span:nth-child(13){-webkit-animation:bubble 500ms 700ms;animation:bubble 500ms 700ms}.hero__heading span:nth-child(14){-webkit-animation:bubble 500ms 750ms;animation:bubble 500ms 750ms}.hero__heading span:nth-child(15){-webkit-animation:bubble 500ms 800ms;animation:bubble 500ms 800ms}.hero__heading span:nth-child(16){-webkit-animation:bubble 500ms 850ms;animation:bubble 500ms 850ms}.hero__heading span:nth-child(17){-webkit-animation:bubble 500ms 900ms;animation:bubble 500ms 900ms}.hero__heading span:nth-child(18){-webkit-animation:bubble 500ms 950ms;animation:bubble 500ms 950ms}.hero__heading span:nth-child(19){-webkit-animation:bubble 500ms 1000ms;animation:bubble 500ms 1000ms}.hero__heading span:nth-child(20){-webkit-animation:bubble 500ms 1050ms;animation:bubble 500ms 1050ms}.hero__heading span:nth-child(21){-webkit-animation:bubble 500ms 1100ms;animation:bubble 500ms 1100ms}.hero__heading span:nth-child(22){-webkit-animation:bubble 500ms 1150ms;animation:bubble 500ms 1150ms}.hero__heading span:nth-child(23){-webkit-animation:bubble 500ms 1200ms;animation:bubble 500ms 1200ms}.hero__heading span:nth-child(24){-webkit-animation:bubble 500ms 1250ms;animation:bubble 500ms 1250ms}.hero__heading span:nth-child(25){-webkit-animation:bubble 500ms 1300ms;animation:bubble 500ms 1300ms}.hero__heading span:nth-child(26){-webkit-animation:bubble 500ms 1350ms;animation:bubble 500ms 1350ms}.hero__heading span:nth-child(27){-webkit-animation:bubble 500ms 1400ms;animation:bubble 500ms 1400ms}.hero__heading span:nth-child(28){-webkit-animation:bubble 500ms 1450ms;animation:bubble 500ms 1450ms}.hero__heading span:nth-child(29){-webkit-animation:bubble 500ms 1500ms;animation:bubble 500ms 1500ms}.hero__heading span:nth-child(30){-webkit-animation:bubble 500ms 1550ms;animation:bubble 500ms 1550ms}.hero__heading span:nth-child(31){-webkit-animation:bubble 500ms 1600ms;animation:bubble 500ms 1600ms}.hero__heading span:nth-child(32){-webkit-animation:bubble 500ms 1650ms;animation:bubble 500ms 1650ms}.hero__heading span:nth-child(33){-webkit-animation:bubble 500ms 1700ms;animation:bubble 500ms 1700ms}.hero__heading span:nth-child(34){-webkit-animation:bubble 500ms 1750ms;animation:bubble 500ms 1750ms}.hero__heading span:nth-child(35){-webkit-animation:bubble 500ms 1800ms;animation:bubble 500ms 1800ms}.hero__heading span:nth-child(36){-webkit-animation:bubble 500ms 1850ms;animation:bubble 500ms 1850ms}.hero__heading span:nth-child(37){-webkit-animation:bubble 500ms 1900ms;animation:bubble 500ms 1900ms}.hero__heading span:nth-child(38){-webkit-animation:bubble 500ms 1950ms;animation:bubble 500ms 1950ms}.hero__heading span:nth-child(39){-webkit-animation:bubble 500ms 2000ms;animation:bubble 500ms 2000ms}.hero__heading span:nth-child(40){-webkit-animation:bubble 500ms 2050ms;animation:bubble 500ms 2050ms}.hero__heading span:nth-child(41){-webkit-animation:bubble 500ms 2100ms;animation:bubble 500ms 2100ms}.hero__heading span:nth-child(42){-webkit-animation:bubble 500ms 2150ms;animation:bubble 500ms 2150ms}.hero__heading span:nth-child(43){-webkit-animation:bubble 500ms 2200ms;animation:bubble 500ms 2200ms}.hero__heading span:nth-child(44){-webkit-animation:bubble 500ms 2250ms;animation:bubble 500ms 2250ms}.hero__heading span:nth-child(45){-webkit-animation:bubble 500ms 2300ms;animation:bubble 500ms 2300ms}.hero__heading span:nth-child(46){-webkit-animation:bubble 500ms 2350ms;animation:bubble 500ms 2350ms}.hero__heading span:nth-child(47){-webkit-animation:bubble 500ms 2400ms;animation:bubble 500ms 2400ms}.hero__heading span:nth-child(48){-webkit-animation:bubble 500ms 2450ms;animation:bubble 500ms 2450ms}.hero__heading span:nth-child(49){-webkit-animation:bubble 500ms 2500ms;animation:bubble 500ms 2500ms}.hero__heading span:hover{-webkit-animation:bubble-out 500ms;animation:bubble-out 500ms}.hero__image{max-width:50%;position:absolute;top:10%;right:0}@media screen and (max-width: 40.625em){.hero__image{left:50%;transform:translateX(-50%);top:50%}}.empty-cell{grid-column:1}.projects{grid-column:center-start/center-end;grid-row:projects-start;display:grid;grid-template-columns:.5fr [col-start] 1fr [col-end] 1fr [end] .5fr;grid-template-rows:[header-start] auto [header-end paragraph-start] auto [paragraph-end] repeat(9, 5rem);gap:2rem;transition:opacity 1500ms,transform 1s;background:no-repeat center/contain url("/src/images/projects-bg.svg");padding:8rem 0 14rem;justify-items:center}@media screen and (max-width: 40.625em){.projects{grid-template-columns:.25fr [start] repeat(2, [col-start] 1fr [col-end]) [end] .25fr;grid-column:full-start/full-end}}@media screen and (max-width: 34.375em){.projects{grid-template-columns:[start col-start col-end end] 1fr;grid-template-rows:[header-start] auto [header-end paragraph-start] auto [paragraph-end];row-gap:13rem}}.projects__heading{grid-row:header-start;grid-column:1/-1;color:var(--color-grey-dark-2);font-size:4rem;font-weight:500;text-align:center}.projects__paragraph{grid-row:paragraph-start;grid-column:1/-1;color:var(--color-grey-dark);font-size:2.4rem;font-weight:300;text-align:center;line-height:1.5;margin-bottom:7rem}@media screen and (max-width: 34.375em){.projects__paragraph{padding:0 7vw;margin-top:-10rem;margin-bottom:auto}}.projects__link:link,.projects__link:visited{color:var(--color-blue-light);text-decoration:none}.projects__link:hover{text-decoration:underline}.project{height:40rem;width:25vw;position:relative;border-radius:11px;box-shadow:0 .5rem .5rem rgba(0, 0, 0, 0.2);transition:filter 500ms;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:all 1000ms}@media screen and (max-width: 78.75em){.project{width:35vw}}@media screen and (max-width: 34.375em){.project{width:80vw}}.project[data-title]:nth-child(3){background:radial-gradient(#01a66f, #75ce9f);grid-row:3/7;grid-column:col-start}@media screen and (max-width: 34.375em){.project[data-title]:nth-child(3){grid-row:3}}.project[data-title]:nth-child(4){background:radial-gradient(#bca89f, #8b6c5c);grid-row:4/8;grid-column:col-end}@media screen and (max-width: 34.375em){.project[data-title]:nth-child(4){grid-row:4}}.project[data-title]:nth-child(7){background:radial-gradient(#8dd3fe, #b5e2ff);grid-row:11/15;grid-column:col-start}@media screen and (max-width: 34.375em){.project[data-title]:nth-child(7){grid-row:5}}.project[data-title]:nth-child(10){background:radial-gradient(#f39e55, #ff7c52);grid-row:12/16;grid-column:col-end}@media screen and (max-width: 34.375em){.project[data-title]:nth-child(10){grid-row:6}}.project[data-title]:nth-child(11){background:radial-gradient(#cefad0, #83f28f);grid-row:19/23;grid-column:col-start}@media screen and (max-width: 34.375em){.project[data-title]:nth-child(11){grid-row:7}}.project[data-title]:nth-child(14){background:radial-gradient(#ecd6fc, #f911fe);grid-row:20/24;grid-column:col-end}@media screen and (max-width: 34.375em){.project[data-title]:nth-child(14){grid-row:8}}.project:hover{transform:rotate(-3deg)}.project:hover .project__image{filter:blur(2px)}.project:hover .project__link{-webkit-animation:show 1500ms forwards;animation:show 1500ms forwards}.project__image{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:90%;box-shadow:0 .5rem .5rem rgba(0, 0, 0, 0.2);transition:all 250ms}.project__title{position:relative;z-index:10;top:-18%;text-align:center;font-size:2.4rem;padding:2rem}.project__link,.project__link:link,.project__link:visited{position:relative;top:-5%;display:inline-block;font-size:1.8rem;text-decoration:none;color:var(--color-white);padding:2rem 4rem;opacity:0;visibility:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project__input{display:none}.project__input:checked+.modal{transform:translateX(0);opacity:1;visibility:visible}.project__close{position:absolute;top:3rem;right:3rem;z-index:25;display:inline-block;width:5.5rem;height:5.5rem;border-radius:50%;background:var(--color-black);display:grid;place-items:center;cursor:pointer}.project__close span{position:relative;display:inline-block;width:50%;height:.2rem}.project__close span::after,.project__close span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-white)}.project__close span::before{transform-origin:bottom;transform:rotate(45deg)}.project__close span::after{transform-origin:top;transform:rotate(-45deg)}.modal{position:fixed;top:0;bottom:0;left:0;right:0;z-index:15;opacity:0;visibility:hidden;background:linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;transform:translateX(100%);transition:all 500ms}.modal__heading{font-size:3rem;text-align:center}.modal__paragraph{font-size:2rem}.modal__paragraph:not(:last-child){margin-bottom:-3rem}.modal__container{position:relative;background:var(--color-white);color:var(--color-grey-dark-2);transform:skewX(-25deg);width:50vw;height:auto;padding:10vh 8vw;display:flex;flex-direction:column;gap:4rem;justify-content:space-evenly}@media screen and (max-width: 56.25em){.modal__container{width:80vw;padding:8vh 5vw}}.modal__container>*{transform:skewX(25deg)}.rainbow-link,.rainbow-link:link,.rainbow-link:visited{display:inline-block;position:relative;z-index:0;background:var(--color-black);color:var(--color-white);border-radius:10px;transition:color 300ms}.rainbow-link:active{color:var(--color-black)}.rainbow-link::before{content:"";z-index:-1;background:linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);position:absolute;top:-2px;left:-2px;background-size:400%;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(5px);border-radius:inherit;transition:opacity 300ms;opacity:0;-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite}.rainbow-link:hover::before{opacity:1}.rainbow-link::after{content:"";z-index:-1;position:absolute;top:0;left:0;background:inherit;width:100%;height:100%;border-radius:inherit;transition:background 300ms}.rainbow-link:active::after{background:transparent}.socials{align-self:center;margin-top:auto;position:relative;z-index:2;list-style:none;color:var(--color-white);fill:var(--color-white);display:flex;align-items:center;justify-content:space-between;width:30rem;transition:all 750ms 2000ms}.socials__link:hover{-webkit-animation:glitch 200ms infinite;animation:glitch 200ms infinite}.socials__icon{fill:var(--color-white);width:4rem;height:4rem}.scroll-wheel{align-self:center;padding-bottom:3rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1.6rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;transition:all 750ms 2000ms}.mouse{border:2px solid var(--color-white);width:3rem;height:5rem;border-radius:50vh;position:relative;z-index:2}.mouse::after{content:"";position:absolute;top:1rem;left:50%;transform:translateX(-50%);width:.4rem;height:.4rem;border-radius:50%;background:var(--color-white);-webkit-animation:scroll-circle 200ms linear infinite alternate;animation:scroll-circle 200ms linear infinite alternate}.arrows{display:flex;flex-direction:column;align-items:center;gap:.5rem}.arrow{display:inline-block;width:1.5rem;height:1.5rem;transform:rotate(45deg);border-right:2px solid var(--color-white);border-bottom:2px solid var(--color-white);-webkit-animation:scroll-arrow 1.5s linear infinite;animation:scroll-arrow 1.5s linear infinite}.arrow:nth-child(1){-webkit-animation-delay:100ms;animation-delay:100ms}.arrow:nth-child(2){-webkit-animation-delay:200ms;animation-delay:200ms}.arrow:nth-child(3){-webkit-animation-delay:300ms;animation-delay:300ms}.skew-link:link,.skew-link:visited{justify-self:center;display:inline-block;padding:1rem 4rem;background:var(--color-white);color:var(--color-white);box-shadow:inset 0 0 0 .5rem var(--color-black);text-align:center;text-decoration:none;font-size:2rem;transform:skewX(-15deg);position:relative;z-index:0;overflow:hidden}.skew-link:link::before,.skew-link:link::after,.skew-link:visited::before,.skew-link:visited::after{content:"";position:absolute;top:0;z-index:-1;width:100%;height:100%;transition:transform 300ms;background:var(--color-black)}.skew-link:link::before,.skew-link:visited::before{right:49%}.skew-link:link::after,.skew-link:visited::after{left:49%}.skew-link:link .skew-link__icon,.skew-link:visited .skew-link__icon{position:absolute;right:1rem;fill:var(--color-black);width:2rem;height:2rem;transform:translateY(300%);transition:transform 300ms}.skew-link:link .skew-link__text,.skew-link:visited .skew-link__text{transition:color 300ms}.skew-link:hover .skew-link__text{color:var(--color-black)}.skew-link:hover .skew-link__icon{transform:translateY(0)}.skew-link:hover::before{transform:translateX(-100%)}.skew-link:hover::after{transform:translateX(100%)}.skew-link>*{display:inline-block;transform:skewX(15deg)}.skew-link__icon{position:absolute}.orbit{position:relative;grid-column:2;width:50vw;height:50vh;z-index:20;display:grid;place-items:center;transition:opacity 1500ms,transform 1s;transition-delay:750ms}@media screen and (max-width: 63.75em){.orbit{grid-column:1;width:100vw}}.orbit__title{font-size:3rem;text-transform:uppercase}.orbit__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:6rem;height:6rem;opacity:1;transition:transform 300ms}.orbit__image{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:15rem;height:15rem;border-radius:3rem;-o-object-fit:cover;object-fit:cover;filter:brightness(0.5);z-index:1}.orbit__list{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);list-style:none;-webkit-animation:orbit 120s 5000ms linear infinite;animation:orbit 120s 5000ms linear infinite;z-index:2}.orbit__list:hover,.orbit__list:hover .orbit__item--counter-rotation-orbit{-webkit-animation-play-state:paused;animation-play-state:paused}.orbit__item{position:absolute;top:50%;left:50%;cursor:pointer;width:10rem;height:10rem;border-radius:50%}.orbit__item:hover .orbit__item--pulsate{-webkit-animation-play-state:paused;animation-play-state:paused}.orbit__item--counter-rotation-orbit{width:inherit;height:inherit;border-radius:inherit;background:inherit;animation:orbit 120s 5000ms linear infinite reverse}.orbit__item--counter-rotation-placement{width:inherit;height:inherit;border-radius:inherit;background:inherit;position:absolute;top:50%;left:50%;display:grid;place-items:center;overflow:hidden}.orbit__item--pulsate{width:inherit;height:inherit;border-radius:inherit;background:inherit;will-change:transform;-webkit-animation:pulsate 300ms linear infinite alternate;animation:pulsate 300ms linear infinite alternate}.orbit__item:nth-child(1){-webkit-animation:orbit-setup-1 1s linear 1800ms forwards;animation:orbit-setup-1 1s linear 1800ms forwards}.orbit__item:nth-child(1) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-45deg)}.orbit__item:nth-child(1) .orbit__item--pulsate{-webkit-animation-delay:5200ms;animation-delay:5200ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:nth-child(2){-webkit-animation:orbit-setup-2 1s linear 2100ms forwards;animation:orbit-setup-2 1s linear 2100ms forwards}.orbit__item:nth-child(2) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-90deg)}.orbit__item:nth-child(2) .orbit__item--pulsate{-webkit-animation-delay:5400ms;animation-delay:5400ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:nth-child(3){-webkit-animation:orbit-setup-3 1s linear 2400ms forwards;animation:orbit-setup-3 1s linear 2400ms forwards}.orbit__item:nth-child(3) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-135deg)}.orbit__item:nth-child(3) .orbit__item--pulsate{-webkit-animation-delay:5600ms;animation-delay:5600ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:nth-child(4){-webkit-animation:orbit-setup-4 1s linear 2700ms forwards;animation:orbit-setup-4 1s linear 2700ms forwards}.orbit__item:nth-child(4) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-180deg)}.orbit__item:nth-child(4) .orbit__item--pulsate{-webkit-animation-delay:5800ms;animation-delay:5800ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:nth-child(5){-webkit-animation:orbit-setup-5 1s linear 3000ms forwards;animation:orbit-setup-5 1s linear 3000ms forwards}.orbit__item:nth-child(5) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-225deg)}.orbit__item:nth-child(5) .orbit__item--pulsate{-webkit-animation-delay:6000ms;animation-delay:6000ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:nth-child(6){-webkit-animation:orbit-setup-6 1s linear 3300ms forwards;animation:orbit-setup-6 1s linear 3300ms forwards}.orbit__item:nth-child(6) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-270deg)}.orbit__item:nth-child(6) .orbit__item--pulsate{-webkit-animation-delay:6200ms;animation-delay:6200ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:nth-child(7){-webkit-animation:orbit-setup-7 1s linear 3600ms forwards;animation:orbit-setup-7 1s linear 3600ms forwards}.orbit__item:nth-child(7) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-315deg)}.orbit__item:nth-child(7) .orbit__item--pulsate{-webkit-animation-delay:6400ms;animation-delay:6400ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:nth-child(8){-webkit-animation:orbit-setup-8 1s linear 3900ms forwards;animation:orbit-setup-8 1s linear 3900ms forwards}.orbit__item:nth-child(8) .orbit__item--counter-rotation-placement{transform:translate(-50%, -50%) rotate(-360deg)}.orbit__item:nth-child(8) .orbit__item--pulsate{-webkit-animation-delay:6600ms;animation-delay:6600ms}.orbit__item:nth-child(1),.orbit__item:nth-child(5),.orbit__item:nth-child(6){color:#0085ca}.orbit__item:nth-child(2),.orbit__item:nth-child(7){color:#589636}.orbit__item:nth-child(4),.orbit__item:nth-child(8){color:#c69}.orbit__item:hover svg{transform:translateX(-300%)}.orbit__item:hover span{opacity:1;visibility:visible;transform:scale(1)}.orbit__text{padding:1rem;display:inline-block;font-size:1.4rem;text-align:center;opacity:0;visibility:hidden;transform:scale(2);transition:all 300ms 150ms}/*# sourceMappingURL=style.css.map */