*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{min-height:100vh;background:#090909;color:#fff;font-family:Poppins;font-size:2rem}.main{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:5rem;width:100%;padding:4rem 15rem;min-height:calc(100vh - 12.4rem)}.main__projects{display:flex;justify-content:center;align-items:start;width:100%}@keyframes loading{0%,20%,53%,to{transform:translateZ(0)}40%{transform:translate3d(0,-3rem,0) scaleY(1.1)}}@keyframes loadingImage{0%{width:0%}to{width:100%}}@keyframes loadingText{0%{margin-left:0}to{margin-left:100%}}@keyframes words{0%{content:""}5%{content:"S"}10%{content:"So"}15%{content:"Sof"}20%{content:"Soft"}25%{content:"Softw"}30%{content:"Softwa"}35%{content:"Softwar"}40%{content:"Software"}45%{content:"Software "}50%{content:"Software d"}55%{content:"Software de"}60%{content:"Software dev"}65%{content:"Software deve"}70%{content:"Software devel"}75%{content:"Software develo"}80%{content:"Software develop"}95%{content:"Software develope"}to{content:"Software developer"}}@keyframes typing{0%{content:" "}3%{content:" s"}6%{content:" st"}9%{content:" stu"}12%{content:" stud"}15%{content:" stude"}18%{content:" studen"}21%{content:" student"}24%{content:" student."}30%{content:" student"}33%{content:" studen"}36%{content:" stude"}39%{content:" stud"}42%{content:" stu"}45%{content:" st"}48%{content:" s"}51%{content:" "}54%{content:" i"}57%{content:" in"}60%{content:" int"}63%{content:" inte"}66%{content:" inter"}69%{content:" intern"}72%{content:" intern."}81%{content:" intern"}84%{content:" inter"}87%{content:" inte"}90%{content:" int"}93%{content:" in"}96%{content:" i"}99%{content:" "}}@keyframes typingDutch{0%{content:" s"}3%{content:" s"}6%{content:" st"}9%{content:" stu"}12%{content:" stud"}15%{content:" stude"}18%{content:" studen"}21%{content:" student"}24%{content:" student."}31%{content:" student"}32%{content:" studen"}33%{content:" stude"}36%{content:" stud"}39%{content:" stu"}42%{content:" st"}45%{content:" s"}48%{content:" st"}51%{content:" sta"}54%{content:" stag"}57%{content:" stagi"}60%{content:" stagia"}63%{content:" stagiai"}66%{content:" stagiair"}69%{content:" stagiaire"}70%{content:" stagiaire."}77%{content:" stagiaire"}78%{content:" stagiair"}81%{content:" stagiai"}84%{content:" stagia"}87%{content:" stagi"}90%{content:" stag"}93%{content:" sta"}96%{content:" st"}99%{content:" s"}}@keyframes move{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-2rem) translate(1.5rem) scale(1.1)}50%{transform:translateY(2rem) translate(-1.5rem) scale(.9)}75%{transform:translateY(-1rem) translate(-2rem) scale(1.05)}}.header{background:#000c;display:flex;justify-content:space-between;align-items:center;padding:1.16rem 15rem;position:sticky;top:0;z-index:1000}.header__link{color:#fff;font-weight:600;text-decoration:none;font-size:120%}.header__navigation{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0rem 15rem}.header__navigation--item{color:#fff;text-decoration:none;font-weight:500}.header__navigation--loading{background:#bbb3;width:10rem;height:3rem;border-radius:.4rem;position:relative;overflow:hidden}.header__navigation--loading:after{content:"";width:.8rem;height:100%;box-shadow:-1rem 0 .8rem .4rem #bbb3;position:absolute;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite}.header__button{position:absolute;right:4rem;border:.1rem solid #6482AD;font-family:inherit;font-size:90%;background:none;color:#fff;padding:.4rem 1rem;display:flex;justify-content:center;align-items:center;gap:.6rem;border-radius:.2rem}.header__button--icon{font-size:85%}.header__loading{width:6rem;overflow:hidden}.header__loading:before{content:"";width:4rem;height:2rem;background:#bbb3;border-radius:.2rem}.header__loading:after{content:"";width:1rem;height:2rem;box-shadow:-1rem 0 .8rem .4rem #bbb3;position:absolute;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite;left:1rem}.home__title{font-size:240%;position:relative}.home__title:after{content:"";width:100%;background:#6482ad;height:3rem;position:absolute;bottom:5%;left:20%;z-index:-1}.contact{background:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding:4rem;position:relative;z-index:0}.contact__links{display:flex;justify-content:center;align-items:center;gap:3rem}.contact__links--item{font-size:220%;color:#fff;transition:.2s all}.contact__links--item:hover{color:#6482ad}.heading{background:#000;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.heading__wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4rem}.heading__dot{position:absolute;animation:move 8s ease-in-out infinite;width:.8rem;aspect-ratio:1/1;background:#6482ad;border-radius:50%}.heading__dot:nth-of-type(1){animation-delay:1s}.heading__dot:nth-of-type(2){animation-delay:2s}.heading__dot:nth-of-type(3){animation-delay:3s}.heading__dot:nth-of-type(4){animation-delay:4s}.heading__dot:nth-of-type(5){animation-delay:5s}.heading__dot:nth-of-type(1){top:10%}.heading__dot:nth-of-type(2){left:20%;top:20%}.heading__dot:nth-of-type(3){left:15%;bottom:20%}.heading__dot:nth-of-type(4){right:10%;top:25%}.heading__dot:nth-of-type(5){right:25%;bottom:20%}.heading__text{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.4rem}.heading__text--title{font-size:240%;position:relative}.heading__text--title:after{content:".";position:absolute;color:#6482ad}.heading__text--intro{font-weight:500;color:#6482ad;position:relative}.heading__text--intro:before{content:"";width:100%;height:100%;animation-name:words;animation-duration:2s;animation-fill-mode:forwards}.heading__text--intro:after{content:"";position:absolute;margin-left:1rem;height:100%;animation-name:typing;animation-duration:6s;animation-delay:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;border-right:.3rem solid #6482AD}.heading__text--introDutch{font-weight:500;color:#6482ad;position:relative}.heading__text--introDutch:before{content:"";width:100%;height:100%;animation-name:words;animation-duration:2s;animation-fill-mode:forwards}.heading__text--introDutch:after{content:"";position:absolute;margin-left:1rem;height:100%;animation-name:typingDutch;animation-duration:6s;animation-delay:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;border-right:.1rem solid #6482AD}.heading__button{border:.2rem solid #6482AD;padding:1.8rem 2rem;font-size:100%;color:#6482ad;text-decoration:none;font-weight:600}.about{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4rem;width:50%;margin-bottom:2rem;text-align:center}.about__skills{display:flex;justify-content:center;align-items:center;gap:2rem}.about__skills--item{height:5rem;width:100%;object-fit:cover}.loadingAbout__title{width:20rem;background:#0003;height:5rem;border-radius:.4rem;position:relative;overflow:hidden}.loadingAbout__title:after{content:"";position:absolute;width:5rem;height:100%;background:#0003;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite;border-radius:.4rem}.loadingAbout__info{width:45rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.movies{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;position:relative}.movies__heading{display:flex;justify-content:center;align-items:center}.movies__heading--button{background:none;border:none;font-size:110%;font-family:inherit;display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:600;color:#fff;transition:.2s all}.movies__heading--button:hover{cursor:pointer;color:#6482ad}.movies__heading--button:focus{outline:none}.movies__info{background:#6482ad;width:2.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:70%;position:absolute;top:-5%;right:-5%}.movies__info--background{background:#0006;width:100%;height:100%;top:0;padding:2rem;position:fixed;z-index:1001;display:flex;justify-content:center;align-items:center;transition:.4s all}.movies__info--card{background:#090909;z-index:10000;height:20rem;display:flex;justify-content:center;align-items:center;padding:4rem;font-size:90%;border-radius:.4rem}.movies__title{font-size:160%;position:relative}.movies__title:after{content:"";width:80%;background:#6482ad;height:3rem;position:absolute;bottom:-10%;left:35%;z-index:-1}.movies__wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4rem;position:relative}.movies__item{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;background:#000;padding:2rem}.movies__item--image{width:30rem;height:20rem;object-fit:cover}.movies__item--wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%}.movies__item--title{font-weight:600}.movies__item--button{background:none;border:.3rem solid #6482AD;color:#fff;padding:.6rem 1rem;font-size:90%;font-family:inherit;font-weight:600}.movies__item--button:focus{outline:none;background:#6482ad;color:#090909}.movies__item--button:hover{cursor:pointer}.work{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4rem;width:100%}.work__wrapper{display:flex;justify-content:center;align-items:center;width:75%;height:45rem;background:#000}.work__image{width:75%;height:100%;object-fit:cover}.work__info{width:25%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:2rem;height:100%;padding:2rem}.work__info--text{font-size:80%}.work__info--text-link{color:#6482ad;text-decoration:none}.work__info--text-link:hover{color:#5675a2}.work__info--list{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:.6rem}.work__info--links{display:flex;flex-direction:column;justify-content:center;align-items:start}.work__info--links-item{display:flex;justify-content:center;align-items:center;gap:1rem;color:#fff;text-decoration:none}.work__buttons{display:flex;justify-content:center;align-items:center;gap:1rem}.work__buttons--item{background:none;border:none;font-size:100%;color:#fff}.work__buttons--item:hover{cursor:pointer;color:#6482ad}.work__buttons--item:focus{outline:none}.work__link{color:#fff;font-weight:600;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:120%;transition:.2s;text-decoration:none;border-bottom:.4rem solid #6482AD}.work__link:hover{color:#6482ad}.work__link:focus{outline:none}.loadingWork__figure{background:#0003;height:100%;width:75%;position:relative;overflow:hidden}.loadingWork__figure:after{content:"";width:20rem;position:absolute;height:100%;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite;background:#09090966}.loadingWork__info--figure{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem}.loadingWork__info--text{border-radius:.6rem;width:100%;background:#090909b3;position:relative;overflow:hidden;height:2rem}.loadingWork__info--text:after{content:"";position:absolute;width:10rem;background:#090909cc;height:100%;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite}.loadingWork__info--year{border-radius:.6rem;width:50%;background:#090909b3;position:relative;overflow:hidden;height:2rem}.loadingWork__info--year:after{content:"";position:absolute;width:10rem;background:#090909cc;height:100%;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite}.filters{width:100%;padding:1rem 0;display:flex;justify-content:start;align-items:center;gap:1rem}.filters__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;position:relative;min-width:14rem}.filters__button{background:#bbb3;font-size:100%;border:none;font-family:inherit;display:flex;justify-content:start;align-items:center;gap:1rem;font-weight:600;padding:.4rem 2rem;border-radius:.4rem;color:#fff;text-transform:uppercase;width:100%}.filters__button:focus{outline:none}.filters__reset{background:#bbb3;color:#fff;border:none;font-family:inherit;font-size:100%;padding:.4rem 2rem;font-weight:600;border-radius:.4rem;display:flex;justify-content:center;align-items:center}.filters__dropdown{top:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:start;background:#000;width:100%}.filters__dropdown--item{background:none;border:none;font-size:90%;padding:1rem;color:#fff;width:100%;display:flex;justify-content:start;align-items:center;font-family:inherit}.filters__dropdown--item:hover{cursor:pointer;background:#6482ad}.filters__dropdown--item:focus{outline:none}.projects{display:flex;justify-content:start;align-items:start;gap:2rem;flex-wrap:wrap;width:100%}.projects__item{background:#000;width:23.7%;display:flex;flex-direction:column;justify-content:start;align-items:start;text-decoration:none;color:#fff;border-radius:1rem}.projects__item--image{width:100%;height:15rem;object-fit:cover;border-radius:1rem 1rem 0 0}.projects__item--wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5rem;padding:1rem;width:100%}.projects__item--languages{display:flex;justify-content:start;align-items:center;gap:1rem;font-size:80%}.projects__item--info{display:flex;justify-content:space-between;align-items:center;width:100%}.projects__item--title{font-size:90%}.projects__item--year{font-size:70%}.loadingProjects__item--figure{width:100%;height:15rem;object-fit:cover;border-radius:1rem 1rem 0 0;position:relative;overflow:hidden;background:#bbb3}.loadingProjects__item--figure:after{content:"";position:absolute;width:100%;height:100%;box-shadow:-5rem 0 3rem .3rem #bbbbbb1a;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite}.loadingProjects__item--wrapper{padding:2rem;width:15rem}.loadingProjects__item--text{width:100%;height:2rem;background:#bbb3;border-radius:.2rem;position:relative}.loadingProjects__item--text:after{content:"";position:absolute;height:100%;left:0;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite;box-shadow:-1rem 0 .8rem .3rem #bbb3}.project{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:4rem;width:100%}.project__return{font-size:90%;color:#859dbf;text-decoration:none;font-weight:500;padding:1rem 5rem;display:flex;justify-content:center;align-items:center;gap:1rem}.project__return--loading{position:relative;overflow:hidden;width:20rem}.project__return--loading:before{content:"";height:3rem;width:100%;border-radius:.4rem;position:absolute;background:#bbb3}.project__return--loading:after{content:"";height:3rem;width:2rem;box-shadow:-1rem 0 .8rem .1rem #bbbbbb1a;position:absolute;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite}.project__wrapper{display:flex;justify-content:center;align-items:start;gap:2rem;width:100%}.project__figure{width:50%;height:40rem;display:flex;justify-content:center;align-items:center;position:relative}.project__figure:hover .project__figure--wrapper{opacity:1}.project__figure--image{width:100%;height:100%;object-fit:cover}.project__figure--wrapper{position:absolute;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;gap:2rem;background:#000000e6;opacity:0;transition:.4s all}.project__figure--link{display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;font-size:220%;transition:.2s all}.project__figure--link:hover{color:#6482ad}.project__info{width:40%;padding:0 1rem;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:4rem}.project__info--wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem}.project__info--description{font-size:80%}.project__info--list{display:flex;justify-content:start;align-items:center;gap:1rem}.project__info--item{font-size:80%;padding:0 .8rem}.project__info--item-HTML{border:.2rem solid #FC4100}.project__info--item-CSS{border:.2rem solid #001F3F}.project__info--item-SCSS{border:.2rem solid hotpink}.project__info--item-JAVASCRIPT{border:.2rem solid #FFEB00}.project__info--item-LARAVEL{border:.2rem solid darkred}.project__info--item-REACT{border:.2rem solid #608BC1}.project__info--item-PHP{border:.2rem solid #001F3F}.project__info--item-TAILWIND{border:.2rem solid #3A6D8C}.project__info--item-DOTNET{border:.2rem solid #593a8c}.project__info--item-WORDPRESS{border:.2rem solid #1E3E62}.loadingProject__return{position:relative;width:30rem;height:2.5rem;overflow:hidden;background:#0003}.loadingProject__return:after{content:"";position:absolute;width:5rem;height:2rem;background:#0003;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite;border-radius:.4rem}.loadingProject__figure{position:relative;display:flex;justify-content:start;align-items:center;background:#bbb3;overflow:hidden}.loadingProject__figure:after{content:"";position:absolute;box-shadow:-3rem 0 3rem .3rem #bbbbbb1a;height:100%;width:10rem;left:0;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite}.loadingProject__info--title{width:20rem}.loadingProject__info--year{width:10rem}.loadingProject__info--figure{width:40rem;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.8rem}.loadingProject__info--text{border-radius:.2rem;width:100%;background:#bbb3;position:relative;overflow:hidden;height:2rem}.loadingProject__info--text:after{content:"";position:absolute;width:10rem;box-shadow:-2rem 0 2rem .2rem #bbb3;height:100%;animation-name:loadingText;animation-duration:1s;animation-iteration-count:infinite}.loading{width:100%;display:flex;justify-content:center;align-items:center;gap:2rem;height:100vh}.loading__item{width:5rem;aspect-ratio:1/1;border-radius:50%;background:#6482ad;display:flex;justify-content:center;align-items:center;animation-name:loading;animation-duration:1.1s;animation-iteration-count:infinite;animation-timing-function:linear}.loading__item:nth-of-type(1){animation-delay:.3333333333s}.loading__item:nth-of-type(2){animation-delay:.6666666667s}.loading__item:nth-of-type(3){animation-delay:1s}.footer{background:#000;width:100%;padding:2rem 4rem;border-top:.1rem solid rgba(187,187,187,.4);display:flex;justify-content:end;align-items:center}.footer__text{display:flex;justify-content:center;align-items:center;color:#bbb;font-size:75%}@media screen and (min-width: 112.5rem){.header__projects{padding:1rem 20rem}.filters{padding:1rem 10rem}.projects{padding:0 10rem}}@media screen and (max-width: 66rem){.work__wrapper{flex-direction:column;width:100%;height:100%}.work__image,.work__info{width:100%}.projects__item{width:48%}.project__wrapper{flex-direction:column}.project__figure,.project__info{width:100%}}@media screen and (max-width: 54rem){.header{padding:2rem 0}.header__projects{padding:2rem}.main{padding:4rem 0;gap:6rem}.about{width:70%;text-align:center}.movies__info{right:25%}.work__wrapper{flex-direction:column;height:100%;width:100%;padding:2rem 10rem}.work__image{width:100%;height:34rem}.work__info{width:100%}.filters{display:flex;justify-content:center;align-items:center}.projects{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.projects__item{width:45%}.project__wrapper{flex-direction:column;padding:2rem}.project__figure,.project__info{width:100%}.footer{display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 27rem){.header{padding:1rem;display:flex;justify-content:end;align-items:center}.header__projects{display:flex;justify-content:space-between;align-items:center}.header__navigation{padding:0;display:none}.header__button{position:static}.heading__text--title{font-size:180%}.heading__text--intro,.heading__text--introDutch{font-size:100%}.heading__text--intro:after,.heading__text--introDutch:after{margin-left:.5rem}.main{padding:0}.home__title{font-size:200%}.about{width:100%;padding:0 5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.about__text{text-align:center;font-size:90%}.about__skills{gap:1rem}.about__skills--item{height:4rem}.movies__info{right:5%}.movies__title{font-size:140%}.work{width:100%}.work__wrapper{flex-direction:column;width:100%;height:100%;padding:2rem}.work__image,.work__info{width:100%}.filters{display:flex;justify-content:center;align-items:center}.projects{flex-direction:column;padding:2rem}.projects__item{width:100%}.project{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;flex-direction:column-reverse}.project__wrapper{flex-direction:column}.project__figure{width:100%;height:20rem;padding:1rem}.project__info{width:100%;display:flex;justify-content:center;align-items:center}.project__info--wrapper{display:flex;justify-content:center;align-items:center}.project__info--title{font-size:120%}.project__info--year{font-size:80%}.project__info--description{text-align:center}.footer{display:flex;justify-content:center;align-items:center}}
