@charset "UTF-8";#preloader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at top right,#cfff81,#fff,#e0ace5);z-index:9999;transition:opacity .4s ease,visibility .4s ease}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.spinner{width:64px;height:64px;border:6px solid rgba(255,255,255,.15);border-top-color:#e0ace5;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}@font-face{font-family:Clash Display;src:url(/fonts/clashDisplay/ClashDisplay-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia/PPPangaia-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia/PPPangaia-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia/PPPangaia-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia/PPPangaia-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia/PPPangaia-Ultralight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia/PPPangaia-UltralightItalic.otf) format("opentype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Merchant Copy;src:url(/fonts/MerchantCopy/Merchant-Copy.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{min-height:100vh;background:radial-gradient(circle at top right,#cfff81,#fff 10%,#e0ace5 15%)}.header__menu{z-index:1000;position:fixed;top:0;left:0;width:50%;height:100vh;background-color:#e0ace5;opacity:0;transform:translate(-100%);pointer-events:none;transition:opacity .3s cubic-bezier(.77,0,.175,1),transform .3s cubic-bezier(.77,0,.175,1);visibility:hidden}.header__menu ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.header__menu.active{opacity:1;pointer-events:auto;transform:translate(0)}.vertical-line{position:fixed;top:0;left:70px;width:1px;height:100vh;background-color:#1e1e1e;z-index:-1}.menu__links{text-decoration:none;color:#1e1e1e;font-size:100px;font-family:PP Pangaia,sans-serif;font-weight:500;position:relative}.menu__links span{position:absolute;top:-10px;left:-30px;font-size:32px;font-family:Merchant Copy,sans-serif}.menu__links:hover{font-family:Clash Display,sans-serif;text-decoration:line-through;color:#1e1e1e80;transition:color .3s ease,font-family .3s ease,text-decoration .3s ease}.header__menu-btn{z-index:1001;position:fixed;top:30px;left:15px;width:34px;height:34px;background-color:#cfff81;border:none;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;cursor:pointer;padding:0}.header__menu-btn:hover{background-color:#e0ace5;transform:scale(1.05);transition:all .3s ease}.header__menu-btn .burger-line{width:20px;height:1px;background-color:#1e1e1e;transition:all .3s ease}.header__menu-btn.active .burger-line:nth-child(1){transform:translateY(4px) rotate(45deg)}.header__menu-btn.active .burger-line:nth-child(2){opacity:0}.header__menu-btn.active .burger-line:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.hero{height:100vh;position:relative}.hero__content{max-width:700px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.hero__background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.hero__subtitle{position:absolute;top:-20px;font-size:32px;font-family:Clash Display,sans-serif}.hero__title{display:flex;flex-direction:column;font-size:128px;font-family:PP Pangaia,sans-serif;font-style:italic;font-weight:500}.hero__title--lastname{text-align:right}.hero__hour{position:absolute;bottom:30px;left:150px;font-size:32px;line-height:120%;font-family:Merchant Copy,sans-serif;color:#1e1e1e}.hero__line{content:"";width:2px;height:200px;background-color:#e0ace5;position:absolute;right:50%;transform:translate(-50%,-50%);bottom:-200px}.about{max-width:100vw;margin:400px 0 200px 150px}.about__content{position:relative;max-width:900px;background:url(/img/rectangle1.svg) no-repeat center;background-size:contain;padding:50px}.about__text{max-width:700px;font-size:64px;font-family:clash Display,sans-serif;font-weight:500;color:#cfff81}.about__text--custom{font-family:PP Pangaia,sans-serif;font-weight:200;font-style:italic;color:#1e1e1e}.about__text--underline{display:inline-block;position:relative}.about__text--underline:after{content:"";width:400px;height:30px;display:block;background:url(/img/line.svg) no-repeat center;background-size:contain;position:absolute;bottom:-15px;left:0;z-index:-1}.about__img{position:absolute;transform:translate(50%,-150%);transform-origin:bottom left;max-width:100%;max-height:100%;object-fit:contain;display:block}.projects{min-width:100vw;display:flex;align-items:center;padding-left:150px}.projects__content{max-width:700px;display:flex;align-items:center;gap:20px}.projects__title{position:relative;font-size:128px;font-family:clash Display,sans-serif;font-weight:500;color:#1e1e1e}.projects__title--custom{font-family:PP Pangaia,sans-serif;font-weight:500;font-style:italic;color:#cfff81}.projects__line{position:absolute;width:400px;height:1px;background-color:#1e1e1e;bottom:49px}#horizontal-scroll{height:100vh;overflow:hidden;position:relative}.scroll-wrapper{display:flex;height:100vh;width:fit-content}#showcase{display:flex;height:100vh}.panel{min-width:100vw;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;background-color:#1e1e1e;color:#bfbfbf}.panel.design-fiction{background-image:url(/img/background-designfiction.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.panel.capture{background-image:url(/img/background-capture.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.panel.variables{background-image:url(/img/background-variables.svg);background-repeat:no-repeat;background-position:left;background-size:contain}.panel__title{position:absolute;top:50px;left:100px;font-size:64px;font-family:Clash Display,sans-serif;font-weight:500;color:#8d6bd6;text-transform:uppercase}.panel__title--2{color:#a2b2f8}.panel__title--3{color:#686e83}.panel__title--4{color:#c70202}.panel__design{font-family:PP Pangaia,sans-serif;font-weight:100;font-size:24px;font-style:italic}.panel__content{display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-top:100px}.panel__name{font-family:PP Pangaia,sans-serif;font-weight:500;font-size:64px;font-style:italic;text-transform:uppercase;color:#8d6bd6}.panel__name--2{color:#a2b2f8}.panel__name--3{color:#686e83}.panel__name--4{color:#c70202}.panel__img{display:flex;gap:30px;flex-direction:column;max-height:350px;width:auto;height:auto;margin:0 auto}.panel__img img{width:auto;max-height:350px}.panel__btns{display:flex;justify-content:space-around;align-items:center}.panel__btn{padding:10px 20px;background-color:#00faeb;font-size:24px;color:#1e1e1e;border:#00faeb 2px solid;border-radius:15px;cursor:pointer;font-family:Clash Display,sans-serif;font-weight:500;max-width:200px}.panel__btn:hover{background-color:#00faeb;opacity:60%;transition:background-color .3s ease}.panel__btn--2{background-color:#efff78;border:#efff78 2px solid}.panel__btn--2:hover{background-color:#efff78;opacity:60%;transition:background-color .3s ease}.panel__btn--secondary{left:220px}.panel__btn--3{background-color:#a2b2f8;border:#a2b2f8 2px solid}.panel__btn--3:hover{background-color:#a2b2f8;opacity:60%;transition:background-color .3s ease}.panel__btn--4{background-color:#c70202;border:#c70202 2px solid}.panel__btn--4:hover{background-color:#c70202;opacity:60%;transition:background-color .3s ease}.panel__description{font-size:24px;font-family:Clash Display,sans-serif;margin-top:20px;max-width:500px}.panel__line{position:absolute;top:120px;left:0;right:0;height:1px;background-color:#bfbfbf;z-index:1000}.panel__line--vertical{position:absolute;top:0;bottom:0;left:70px;width:1px;height:100vh;background-color:#bfbfbf;z-index:11}.pixel{margin:300px 0 100px 150px}.pixel__title{width:50%;font-size:128px;font-family:Clash Display,sans-serif;font-weight:500;color:#1e1e1e;margin-bottom:200px}.pixel__title--custom{font-family:PP Pangaia,sans-serif;font-weight:500;font-style:italic;color:#cfff81}.pixel__content{display:grid;grid-template-columns:1fr 1fr;row-gap:200px}.pixel__item{max-width:545px;max-height:343px;width:100%;aspect-ratio:16/10;border-radius:10px;flex:0 0 auto;position:relative;border:2px solid #cfff81}.pixel__item__label{position:absolute;bottom:-80px;left:10px;font-size:24px;font-family:Clash Display,sans-serif;font-weight:500;color:#1e1e1e;padding:5px 10px}.pixel__item:hover{transform:scale(1.05);transition:transform .3s ease;cursor:url(/img/cursor.svg) 3 0,auto}.pixel__item:nth-child(2n){transform:translateY(50%)}.pixel__item:nth-child(2n):hover{transform:translateY(50%) scale(1.05);transition:transform .3s ease}.pixel__item:nth-child(1){background:url(/img/MusicFestival.png) no-repeat center;background-size:cover}.pixel__item:nth-child(1):hover{background:url(/img/MusicFestival-gif.gif) no-repeat center;background-size:cover}.pixel__item:nth-child(2){background:url(/img/TattooStudio.png) no-repeat center;background-size:cover}.pixel__item:nth-child(3){background:url(/img/Flotional.png) no-repeat center;background-size:cover}.pixel__item:nth-child(3):hover{background:url(/img/Flotional-gif.gif) no-repeat center;background-size:cover}.pixel__item:nth-child(4){background:url(/img/Error404.png) no-repeat center;background-size:cover}.pixel__item:nth-child(5){background:url(/img/Error404Coffe.png) no-repeat center;background-size:cover}.pixel__item:nth-child(6){background:url(/img/GermainDuchene.png) no-repeat center;background-size:cover}.pixel__item:nth-child(6):hover{background:url(/img/GermainDuchene-gif.gif) no-repeat center;background-size:cover}.pixel__item:nth-child(7){background:url(/img/TransportationApp.png) no-repeat center;background-size:cover}.pixel__item:nth-child(7):hover{background:url(/img/TransportationApp-gif.gif) no-repeat center;background-size:cover}.contact{margin-top:400px;position:relative}.contact__line{content:"";width:2px;height:600px;background:#cfff81;position:absolute;right:50%;margin:100px 0}.contact__content{display:flex;flex-direction:column;align-items:center}.contact__title{font-size:64px;font-family:Clash Display,sans-serif;font-weight:500;margin-bottom:50px}.contact__title--custom{font-family:PP Pangaia,sans-serif;font-weight:200;font-style:italic;color:#cfff81}.contact__email{margin-top:700px;text-align:center;text-decoration:none;color:#1e1e1e;font-size:96px;font-family:PP Pangaia,sans-serif;font-weight:500;font-style:italic}.contact__email:hover{color:#cfff81;transition:color .3s ease}.contact__socials{display:flex;gap:50px;margin-top:50px;margin-bottom:100px}.contact__social-link{font-size:24px;text-decoration:none;color:#1e1e1e;font-family:clash Display,sans-serif;text-transform:uppercase}.contact__social-link:hover{color:#cfff81;transition:color .3s ease}.footer{margin:100px 0 50px;display:flex;flex-direction:column;align-items:center}.footer__text{font-size:20px;font-family:PP Pangaia,sans-serif;font-weight:200;font-style:italic;color:#1e1e1e}.footer__credit{font-size:20px;font-family:clash Display,sans-serif;font-weight:500;font-style:italic;color:#1e1e1e;margin-top:10px;color:#cfff81;text-decoration:none}.footer__credit:hover{color:#e0ace5;transition:color .3s ease}@media (max-width: 1550px){.about__img{display:none}.pixel__item{max-width:450px}}@media (max-width: 1050px){.projects{max-width:100%}.projects__line{display:none}.scroll-wrapper{display:block!important;width:100%!important;height:auto!important;overflow:visible!important}.about__content{background:none}#showcase{display:block!important;height:auto!important}.panel{width:100%!important;height:auto!important;min-height:auto!important;margin-bottom:80px;display:block;padding-top:10px}.panel__title{position:inherit;text-align:center;margin-left:100px;top:0;left:0;margin-bottom:20px}.panel__name{display:block}.panel__content{flex-direction:column;align-items:flex-start;padding:1rem}.panel__img img{width:100%;height:auto;object-fit:contain}.panel__description{margin-left:100px}#horizontal-scroll{height:auto!important;overflow:visible!important}.pixel__item{max-width:350px}.pixel__title{font-size:96px}}@media screen and (max-width: 1100px){.panel__content{gap:50px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;margin-top:300px}.panel__name{font-size:48px}.panel__description{font-size:20px}}@media (max-width: 900px){.panel__content{display:flex;flex-direction:column;justify-content:space-around}.panel{padding-top:50px;padding-bottom:150px}.projects{background-color:#e0ace5}#showcase{background-color:#1e1e1e}.vertical-line,.panel__line--vertical{display:none}.header__menu{width:100%}.projects__content{max-width:100%}.projects__title{max-width:100%;font-size:64px;margin-bottom:40px}.about{margin:200px 50px 100px}.about__text{font-size:32px}.about__text--underline:after{width:200px;height:15px;bottom:-7px}.projects{padding-left:50px}.panel__title{position:relative;font-size:48px;left:-50px}.panel__line{display:none}.panel__description{margin-left:50px;margin-right:50px}.panel__content{padding:20px;margin-top:0}.contact__title{font-size:48px;margin:0 50px 20px;text-align:center}.contact__email{font-size:38px}.pixel{margin:200px 50px 100px}.pixel__title{width:100%;font-size:96px;margin-bottom:30px}.pixel__content{display:flex;flex-direction:column;align-items:center;row-gap:100px}.pixel__item{max-width:90%}.pixel__item:nth-child(2n){transform:translate(-20px)}.pixel__item:nth-child(odd){transform:translate(20px)}.pixel__item__label{font-size:20px;bottom:-40px}}@media screen and (max-width: 700px){.pixel__item__label{font-size:16px;bottom:-50px}}@media screen and (max-width: 500px){.panel__title{font-size:32px}.hero__background{width:100%}.contact__socials{flex-direction:column;align-items:center}.menu__links{font-size:60px}.menu__links span{font-size:20px;top:-5px;left:-20px}.contact__line{margin-top:180px;height:150px}.contact__email{margin-top:300px;font-size:28px}.panel__btn{font-size:12px}.projects__title{font-size:48px}.hero__title{font-size:64px}.hero__subtitle{font-size:24px}.hero__hour{font-size:24px;left:25px}.pixel__title{font-size:64px}}