.mouse-pointer{z-index:999;pointer-events:none;position:absolute;--b:3px;--c:var(--secondary-text);--w:10px;border:var(--b) solid transparent;background:linear-gradient(var(--c),var(--c)) 0 0,linear-gradient(var(--c),var(--c)) 0 0,linear-gradient(var(--c),var(--c)) 0 100%,linear-gradient(var(--c),var(--c)) 0 100%,linear-gradient(var(--c),var(--c)) 100% 0,linear-gradient(var(--c),var(--c)) 100% 0,linear-gradient(var(--c),var(--c)) 100% 100%,linear-gradient(var(--c),var(--c)) 100% 100%;background-size:var(--b) var(--w),var(--w) var(--b);background-origin:border-box;background-repeat:no-repeat;width:40px;height:40px}.logo{width:80px;position:fixed;left:5%;top:5%}.logo svg{max-width:100%;height:auto}.logo g,.logo path{fill:var(--dark-background)}.logo--light g,.logo--light path{fill:var(--light-background)}.logo:hover g,.logo:hover path{fill:var(--primary-accent);transition:fill .25s linear}.logo-rect{fill:var(--primary-accent);transition:.25s}.logo:hover .logo-rect{-webkit-transform:translate(-20%);transform:translate(-20%);fill:var(--secondary-text);transition:.25s}.header__button{z-index:2;width:50px;height:50px;background-color:var(--dark-background);border:0;cursor:pointer;position:fixed;right:4%;top:4%;outline:none;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;padding:0}.header__button:hover{transition:background-color .25s linear}.header__button div{display:block;width:33px;height:4px;position:relative;margin:5px auto;background:var(--light-background);border-radius:3px;z-index:1;-webkit-transform-origin:75% 25%;transform-origin:75% 25%;transition:opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1)}.header__button div:first-child{-webkit-transform-origin:0 0;transform-origin:0 0}.header__button div:nth-last-child(2){-webkit-transform-origin:55% 20%;transform-origin:55% 20%}.header__button[data-state=true] div{opacity:1;-webkit-transform:rotate(45deg) translate(-2px,-1px);transform:rotate(45deg) translate(-2px,-1px);background:var(--dark-background)}.header__button[data-state=true] div:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2)}.header__button[data-state=true] div:nth-last-child(2){-webkit-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}.header__button[data-state=true]{background-color:var(--light-background);-webkit-animation-name:scaleUp;animation-name:scaleUp}.header__button[data-state=false]{transition:background-color .25s linear}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes scaleUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(200%);transform:scale(200%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes scaleDown{0%{-webkit-transform:scale(200%);transform:scale(200%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}.header__nav{background-color:var(--dark-background);position:fixed;overflow:hidden;z-index:1;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:40px 30px;display:flex;flex-direction:column;justify-content:space-between;visibility:hidden;justify-content:flex-end;align-items:flex-end;opacity:0;transition:.3s}.header__nav[data-state=true]{visibility:visible;opacity:1;transition:.3s}.header__menu{padding:0;margin:0}.header__menu-container{display:flex;flex-direction:column}.header__menu>.header__menu-container>.header__menu-item{font-size:10vh}.header__menu-item{font-weight:700;color:var(--light-background);text-decoration:none}.header__menu-item:hover{color:var(--secondary-accent)}.icon__down{margin-top:2rem;width:30px;padding-left:2.5vw}.content__images{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.image-item{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;opacity:0;transition:.75s;top:0;left:25%}.visible{opacity:1}.image-rotate-left{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:top left;transform-origin:top left}.image-rotate-right{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-transform-origin:top right;transform-origin:top right}.image-item__background{padding:20px;vertical-align:middle;position:absolute;border-radius:0;background:var(--primary-text);box-shadow:5px 5px 20px #97c4c6,-5px -5px 20px #b9f0f2;display:flex;align-items:center;justify-content:center}.image--react-logo{width:20vw}.icecream .image{width:15vw}.canvas.image-item__background{left:50%}.icecream.image-item__background{left:25%}.canvas .image{width:15vw}.pmp-badge .image,.premier-league .image,.simpsons-football .image,.smiley-face .image,.starcraft .image{width:20vw}.simpsons-football.image-item__background{left:35%;top:10%}.premier-league.image-item__background{left:45%;top:40%}.starcraft.image-item__background{left:40%;top:60%}.step{margin-bottom:60vh}.content__text{position:relative}.step .content__paragraph{font-size:5rem;font-weight:100;margin:1rem}@media (prefers-reduced-motion:no-preference){.spin-logo{-webkit-animation:spin 6s ease-in-out infinite;animation:spin 6s ease-in-out infinite}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@media (prefers-reduced-motion:no-preference){.float-logo{-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.social__container{position:fixed;bottom:2%;left:5%;display:flex;align-items:center}.social__container p{font-size:1rem}.social__item{color:var(--dark-background);padding-right:2rem}.social__item,.social__item:hover{font-weight:700;text-decoration:none;transition:color .25s linear}.social__item:hover{color:var(--primary-text)}.main--404{background-image:url(/static/media/starcraft.6da3a6bc.jpg);background-color:#ccc}:root{--light-background1:#a8dadc;--light-background:#fff;--dark-background1:#1d3557;--dark-background:#2b2930;--primary-accent:#457b9d;--secondary-accent:#ff00e7;--primary-text:#2b2930;--secondary-text:#dcaaa8;--primary-shadow:#ff1493;--primary-text-outline:#00c5ff;--secondary-text-outline:#e3ff00;--tertiary-text-outline:#ff00e7}*{scrollbar-width:thin;scrollbar-color:#2b2930 #fff;scrollbar-color:var(--dark-background) var(--light-background);scroll-behavior:smooth}html{font-family:"Dosis",sans-serif}header{z-index:1}body{margin:0;background-color:#fff;background-color:var(--light-background)}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}canvas{width:100%;height:100%}.canvas-container{width:100vw;height:100vh;position:absolute;z-index:-1;pointer-events:none}div,footer,h1,h2,header,p,section{box-sizing:border-box}a{text-decoration:none;color:#2b2930;color:var(--primary-text)}a,a:hover{transition:color .25s linear}a:hover{color:#ff00e7;color:var(--secondary-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background-color:#2b2930;background-color:var(--dark-background);border:none}.body{height:100vh;font-size:1rem;line-height:1.2;display:flex;flex-direction:column;overflow:auto}h1{font-size:10rem;font-weight:700;margin:2rem;padding-bottom:1rem}h2{font-size:4rem}h2,p{font-weight:900;margin:1rem}p{font-size:2rem}.loader{font-family:monospace,sans-serif;font-size:1em;font-weight:700;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;-webkit-animation:blink .5s ease-in-out;animation:blink .5s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.global-width{max-width:700px;margin:0 auto;padding:0 1rem}.content__name{-webkit-animation:blink .25s ease-in-out;animation:blink .25s ease-in-out;-webkit-animation-iteration-count:6;animation-iteration-count:6}.main{padding:0 16vw;align-items:center}.header-container,.main{display:flex;flex-direction:column}.header-container{height:100vh;max-width:1200px;justify-content:center;text-align:center;text-align:-webkit-center}.content__primary-header{position:relative}.content__overlap1{top:-5px;left:5px;-webkit-text-stroke:.1rem #00c5ff;-webkit-text-stroke:.1rem var(--primary-text-outline);text-stroke:.1rem #00c5ff;text-stroke:.1rem var(--primary-text-outline)}.content__overlap1,.content__overlap2{position:absolute;width:100%;color:transparent}.content__overlap2{top:10px;left:-10px;-webkit-text-stroke:.1rem #e3ff00;-webkit-text-stroke:.1rem var(--secondary-text-outline);text-stroke:.1rem #e3ff00;text-stroke:.1rem var(--secondary-text-outline)}.content__overlap3{position:absolute;top:3px;left:-5px;width:100%;-webkit-text-stroke:.1rem #ff00e7;-webkit-text-stroke:.1rem var(--tertiary-text-outline);text-stroke:.1rem #ff00e7;text-stroke:.1rem var(--tertiary-text-outline);color:transparent}.text-container{padding-top:40vh;position:relative;width:100%}.text-container--left{max-width:900px;margin:0 auto 0 0}.text-container--right{max-width:900px;text-align:right;margin:0 0 0 auto}.text-container--bottom{margin-bottom:60vh}.text-shadow{color:#2b2930;color:var(--primary-text);text-shadow:0 0 0 #ff1493,0 1px 0 #ff1493,0 2px 0 #ff1493,0 3px 0 #ff1493,0 4px 0 #ff1493,0 5px 0 #ff1493,0 6px 0 #ff1493,0 7px 0 #ff1493,0 8px 0 #ff1493,0 9px 0 #ff1493,0 10px 0 #ff1493,0 11px 0 #ff1493,0 12px 0 #ff1493,0 13px 0 #ff1493,0 14px 0 #ff1493,0 15px 14px #ff1493,0 15px 1px #ff1493,0 0 14px #ff1493;text-shadow:0 0 0 var(--primary-shadow),0 1px 0 var(--primary-shadow),0 2px 0 var(--primary-shadow),0 3px 0 var(--primary-shadow),0 4px 0 var(--primary-shadow),0 5px 0 var(--primary-shadow),0 6px 0 var(--primary-shadow),0 7px 0 var(--primary-shadow),0 8px 0 var(--primary-shadow),0 9px 0 var(--primary-shadow),0 10px 0 var(--primary-shadow),0 11px 0 var(--primary-shadow),0 12px 0 var(--primary-shadow),0 13px 0 var(--primary-shadow),0 14px 0 var(--primary-shadow),0 15px 14px var(--primary-shadow),0 15px 1px var(--primary-shadow),0 0 14px var(--primary-shadow)}.content__secondary-header,.link{margin:0}.link{font-weight:700;font-size:10rem}.text-visible .content__letter{opacity:1!important;background:none}.content__letter{position:relative;color:#2b2930;color:var(--primary-text)}.text-visible .letter-0,.text-visible .letter-1,.text-visible .letter-2,.text-visible .letter-3{display:none!important}.letter-0{top:-5px;left:5px;-webkit-text-stroke:.1rem #00c5ff;-webkit-text-stroke:.1rem var(--primary-text-outline);text-stroke:.1rem #00c5ff;text-stroke:.1rem var(--primary-text-outline)}.letter-0,.letter-1{transition:.5s;position:absolute;width:100%;color:transparent}.letter-1{top:10px;left:-10px;-webkit-text-stroke:.1rem #e3ff00;-webkit-text-stroke:.1rem var(--secondary-text-outline);text-stroke:.1rem #e3ff00;text-stroke:.1rem var(--secondary-text-outline)}.letter-2{top:3px;left:-5px;-webkit-text-stroke:.1rem #ff00e7;-webkit-text-stroke:.1rem var(--tertiary-text-outline);text-stroke:.1rem #ff00e7;text-stroke:.1rem var(--tertiary-text-outline)}.letter-2,.letter-3{transition:.5s;position:absolute;width:100%;color:transparent}.letter-3{top:-5px;left:5px;-webkit-text-stroke:.1rem #00c5ff;-webkit-text-stroke:.1rem var(--primary-text-outline);text-stroke:.1rem #00c5ff;text-stroke:.1rem var(--primary-text-outline)}@-webkit-keyframes blink{0%{color:#2b2930;color:var(--dark-background)}25%{color:#ff00e7;color:var(--secondary-accent)}to{color:#2b2930;color:var(--dark-background)}}@keyframes blink{0%{color:#2b2930;color:var(--dark-background)}25%{color:#ff00e7;color:var(--secondary-accent)}to{color:#2b2930;color:var(--dark-background)}}@media screen and (max-width:768px){.main{padding:0 1vw}.content__primary-header{font-size:6rem}.content__overlap1{top:-2px;left:2px;width:100%;-webkit-text-stroke:.05rem #00c5ff;-webkit-text-stroke:.05rem var(--primary-text-outline);text-stroke:.05rem #00c5ff;text-stroke:.05rem var(--primary-text-outline)}.content__overlap2{top:4px;left:-4px;width:100%;-webkit-text-stroke:.05rem #e3ff00;-webkit-text-stroke:.05rem var(--secondary-text-outline);text-stroke:.05rem #e3ff00;text-stroke:.05rem var(--secondary-text-outline)}.content__overlap3{top:2px;left:-2px;width:100%;-webkit-text-stroke:.05rem #ff00e7;-webkit-text-stroke:.05rem var(--tertiary-text-outline);text-stroke:.05rem #ff00e7;text-stroke:.05rem var(--tertiary-text-outline)}.letter-0{top:-2px;left:2px;-webkit-text-stroke:.05rem #00c5ff;-webkit-text-stroke:.05rem var(--primary-text-outline);text-stroke:.05rem #00c5ff;text-stroke:.05rem var(--primary-text-outline)}.letter-1{top:4px;left:-4px;-webkit-text-stroke:.05rem #e3ff00;-webkit-text-stroke:.05rem var(--secondary-text-outline);text-stroke:.05rem 4px #e3ff00;text-stroke:.05rem 4px var(--secondary-text-outline)}.letter-2{top:2px;left:-2px;-webkit-text-stroke:.05rem #ff00e7;-webkit-text-stroke:.05rem var(--tertiary-text-outline);text-stroke:.05rem #ff00e7;text-stroke:.05rem var(--tertiary-text-outline)}.letter-3{top:-2px;left:2px;-webkit-text-stroke:.05rem #00c5ff;-webkit-text-stroke:.05rem var(--primary-text-outline);text-stroke:.05rem #00c5ff;text-stroke:.05rem var(--primary-text-outline)}.link{font-size:6rem}}@media screen and (max-width:576px){.mouse-pointer{display:none}.main{padding:0 1vw}.content__primary-header{font-size:3rem}.content__secondary-header{font-size:1.5rem}.content__paragraph{font-size:1rem}.text-container--right{margin-right:0}.link{font-size:4rem}.text-shadow{color:#2b2930;color:var(--primary-text);text-shadow:0 0 0 #ff1493,0 1px 0 #ff1493,0 1px 0 #ff1493,0 2px 0 #ff1493,0 2px 0 #ff1493,0 3px 0 #ff1493,0 3px 0 #ff1493,0 4px 0 #ff1493,0 4px 0 #ff1493,0 5px 0 #ff1493,0 5px 0 #ff1493,0 6px 0 #ff1493,0 6px 0 #ff1493,0 7px 0 #ff1493,0 7px 0 #ff1493,0 8px 7px #ff1493,0 8px 1px #ff1493,0 0 7px #ff1493;text-shadow:0 0 0 var(--primary-shadow),0 1px 0 var(--primary-shadow),0 1px 0 var(--primary-shadow),0 2px 0 var(--primary-shadow),0 2px 0 var(--primary-shadow),0 3px 0 var(--primary-shadow),0 3px 0 var(--primary-shadow),0 4px 0 var(--primary-shadow),0 4px 0 var(--primary-shadow),0 5px 0 var(--primary-shadow),0 5px 0 var(--primary-shadow),0 6px 0 var(--primary-shadow),0 6px 0 var(--primary-shadow),0 7px 0 var(--primary-shadow),0 7px 0 var(--primary-shadow),0 8px 7px var(--primary-shadow),0 8px 1px var(--primary-shadow),0 0 7px var(--primary-shadow)}}
/*# sourceMappingURL=main.872e5a61.chunk.css.map */