.pixelBackground{display:flex;height:100vh;width:105vw;transform:translateX(-60px);overflow:hidden;position:fixed;z-index:5}@media screen and (max-width:500px){.pixelBackground{transform:translateX(-30px)}}.pixelBackground .column{width:5vw;height:100%}.pixelBackground .column .block{height:5vw;width:100%;background-color:#060030}.pixelBackground .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;z-index:6}@font-face{font-family:barracuda-bold;src:url(/_next/static/media/BARRACUDA-BOLD.d2c560c3.TTF)}@font-face{font-family:satoshi-regular;src:url(/_next/static/media/Satoshi-Regular.333ab73b.otf)}main{margin:0 clamp(30px,6vw,60px)}main .hero{padding:200px 0;display:flex;align-items:flex-end;justify-content:space-between;max-width:1600px;margin:0 auto}@media screen and (max-width:757px){main .hero{flex-direction:column;align-items:start;padding:100px 0}}main .hero h1{font-family:barracuda-bold,serif;font-size:160px}@media screen and (max-width:967px){main .hero h1{font-size:130px}}@media screen and (max-width:537px){main .hero h1{font-size:100px}}@media screen and (max-width:450px){main .hero h1{font-size:80px}}@media screen and (max-width:757px){main .hero h1{margin-bottom:40px}}main .hero h3{font-family:barracuda-bold,serif;font-size:64px;margin-right:50px;margin-bottom:-50px;text-align:right;padding-left:50px}@media screen and (max-width:967px){main .hero h3{font-size:50px}}@media screen and (max-width:537px){main .hero h3{font-size:30px}}@media screen and (max-width:450px){main .hero h3{font-size:25px}}@media screen and (max-width:757px){main .hero h3{margin-left:auto}}main .hero h3:after{content:url(/_next/static/media/svg-deco.e9187f3a.svg);position:absolute;right:0;top:100px;z-index:-2}main .about-me{margin-top:200px;position:relative}@media screen and (max-width:537px){main .about-me{margin-top:50px}}main .about-me h2{margin-bottom:40px}main .about-me .about-me__container{display:flex;justify-content:space-between}@media screen and (max-width:967px){main .about-me .about-me__container{flex-direction:column;align-items:center}}@media screen and (max-width:537px){main .about-me .about-me__container{align-items:flex-start}}main .about-me .about-me__container .img-container{width:50%;display:flex;justify-content:left}@media screen and (max-width:967px){main .about-me .about-me__container .img-container{width:70%;justify-content:center;margin-bottom:50px}}@media screen and (max-width:537px){main .about-me .about-me__container .img-container{justify-content:flex-start}}main .about-me .about-me__container .img-container img{width:70%;height:80%;-o-object-fit:cover;object-fit:cover}main .about-me .about-me__container .img-container:after{content:url(/_next/static/media/svg-deco.e9187f3a.svg);position:absolute;right:-200px;top:300px;z-index:-2}@media screen and (max-width:640px){main .about-me .about-me__container .img-container:after{content:""}}main .about-me .about-me__container .text-container{display:flex;flex-direction:column;width:50%}@media screen and (max-width:967px){main .about-me .about-me__container .text-container{width:100%}}main .about-me .about-me__container .text-container p{width:100%;margin-bottom:32px}main .about-me .about-me__container .text-container p a{text-decoration:underline}main .contact{margin-top:260px;margin-bottom:200px}main .contact h2{position:relative}main .contact h2:after{content:url(/_next/static/media/svg-deco.e9187f3a.svg);position:absolute;left:-400px;top:-200px;z-index:-2}@media screen and (max-width:640px){main .contact h2:after{content:""}}main .contact .infos-contact{margin-top:72px;display:flex;justify-content:space-between;font-family:barracuda-bold,serif;align-items:center}@media screen and (max-width:765px){main .contact .infos-contact{flex-direction:column;align-items:flex-start}}main .contact .infos-contact #mail{font-family:barracuda-bold,serif;font-size:36px}@media screen and (max-width:967px){main .contact .infos-contact #mail{font-size:28px}}@media screen and (max-width:567px){main .contact .infos-contact #mail{font-size:22px}}main .contact .infos-contact ul{display:flex}main .contact .infos-contact ul a{margin-left:50px}@media screen and (max-width:765px){main .contact .infos-contact ul a{margin-right:50px;margin-left:0;margin-top:30px}}@media screen and (max-width:450px){main .contact .infos-contact ul a{margin-right:0}}main .contact .infos-contact ul a img{width:50px}@media screen and (max-width:967px){main .contact .infos-contact ul a img{width:40px}}.btn{overflow:hidden;border-radius:40px;width:-moz-fit-content;width:fit-content;height:48px;padding-left:30px;padding-right:30px;background:#fff;color:#000}.btn.black{background:none;color:#000;border:1px solid #000;border-radius:0;margin-bottom:12px}@media screen and (max-width:640px){.btn{padding-left:20px;padding-right:20px}}.btn a{display:flex;flex-direction:column}.btn a:hover span:first-child{animation:span1Animation .3s ease-in-out forwards}.btn a:hover span:nth-child(2){animation:span2Animation .3s ease-in-out .2s forwards}.btn a:not(:hover) span:first-child{animation:span1AnimationReverse .3s ease-in-out forwards}.btn a:not(:hover) span:nth-child(2){animation:span2AnimationReverse .3s ease-in-out forwards}.btn a span{transform:translateY(55%);opacity:1}.btn a span:nth-child(2){opacity:0}@keyframes span1Animation{0%{transform:translateY(50%);opacity:1}to{transform:translateY(-55%);opacity:0}}@keyframes span2Animation{0%{transform:translateY(55%);opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes span1AnimationReverse{0%{transform:translateY(-55%);opacity:0}50%{opacity:.8}to{transform:translateY(50%);opacity:1}}@keyframes span2AnimationReverse{0%{transform:translateY(-50%);opacity:1}to{transform:translateY(55%);opacity:0}}.projects-home .projects-container{position:relative;margin:clamp(72px,9vw,148px) 60px 0}.projects-home .projects-container ul{display:grid;grid-template-columns:50% 50%;justify-items:center;row-gap:clamp(40px,10vw,100px)}@media screen and (max-width:967px){.projects-home .projects-container{margin:clamp(72px,9vw,148px) 0 0}.projects-home .projects-container ul{grid-template-columns:100%}.projects-home .projects-container ul li{margin:0}}.projects-home .projects-container:after{content:url(/_next/static/media/svg-deco.e9187f3a.svg);position:absolute;left:-600px;top:0;z-index:-2}@media screen and (max-width:640px){.projects-home .projects-container:after{content:""}}.projects-home .project{display:flex;flex-direction:column;transition:.2s;margin:0 30px}@media screen and (max-width:967px){.projects-home .project{margin-bottom:50px;margin-right:0}}.projects-home .project h5{transition:.2s;font-size:32px;margin-bottom:10px}.projects-home .project .img-container{overflow:hidden;transition:.2s ease-in-out;width:100%;-o-object-fit:cover;object-fit:cover;opacity:.9;margin-bottom:15px;aspect-ratio:16/9}.projects-home .project .img-container img{transition:.2s ease-in-out;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.projects-home .project .description{display:flex;justify-content:space-between;align-items:center}.projects-home .project .description p{opacity:1;transition:.2s ease-in-out}.projects-home .project .description .arrows{margin-right:20px;z-index:2;width:2.5rem;height:2.5rem;min-height:2.5rem;min-width:2.5rem;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;transition:.2s ease-in-out;background-color:#fff}@media screen and (min-width:967px){.projects-home .project .description .arrows{background-color:hsla(0,0%,100%,.82)}}.projects-home .project .description .arrows .arrow{position:absolute;transform:rotate(-45deg)}.projects-home .project .description .arrows .arrow:first-child{transform:translateZ(0) rotate(-45deg)}.projects-home .project .description .arrows .arrow:nth-child(2){transform:translate3d(-70%,70%,0) rotate(-45deg)}@media screen and (min-width:967px){.projects-home .project:hover{cursor:pointer}.projects-home .project:hover h5{opacity:.7}.projects-home .project:hover .img-container{opacity:1}.projects-home .project:hover .img-container img{animation:imgScale .3s ease-in-out forwards}.projects-home .project:hover .description p{opacity:.7}.projects-home .project:hover .description .arrows{background-color:#fff}.projects-home .project:hover .description .arrows .arrow:first-child{animation:arrowHover1 .2s ease-in-out forwards}.projects-home .project:hover .description .arrows .arrow:nth-child(2){animation:arrowHover2 .2s ease-in-out .1s forwards}.projects-home .project:not(:hover) .img-container img{animation:imgScaleReverse .3s ease-in-out forwards}.projects-home .project:not(:hover) .description .arrows .arrow:first-child{animation:arrowHover1Reverse .2s ease-in-out forwards}.projects-home .project:not(:hover) .description .arrows .arrow:nth-child(2){animation:arrowHover2Reverse .2s ease-in-out forwards}}.projects-home .btn-container{display:flex;justify-content:center;margin-top:clamp(40px,8vw,80px)}@keyframes arrowHover1{0%{transform:translateZ(0) rotate(-45deg)}to{transform:translate3d(70%,-70%,0) rotate(-45deg)}}@keyframes arrowHover2{0%{transform:translate3d(-70%,70%,0) rotate(-45deg)}to{transform:translateZ(0) rotate(-45deg)}}@keyframes arrowHover1Reverse{0%{transform:translate3d(70%,-70%,0) rotate(-45deg)}to{transform:translateZ(0) rotate(-45deg)}}@keyframes arrowHover2Reverse{0%{transform:translateZ(0) rotate(-45deg)}to{transform:translate3d(-70%,70%,0) rotate(-45deg)}}@keyframes imgScale{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes imgScaleReverse{0%{transform:scale(1.02)}to{transform:scale(1)}}