:root{--perspective: 100;--bg-color: #fff;--font-color: #000;--font-color-secondary: #4a1500;--font-size: 17px;--height-menu: 140px;--highlight: #ffff00bc;--max-width: 700px;--breakpoint-small: 960px;--gap-section: 40px;--font-family: "Quicksand";--font-family-secondary: "Barriecito"}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;src:url(/assets/AlfaSlabOne-Regular-Cbeqeld8.woff) format("woff");font-display:swap}@font-face{font-family:Barriecito;font-style:normal;font-weight:400;src:url(/assets/Barriecito-Regular-D94W1Z2a.woff2) format("woff2");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;src:url(/assets/Quicksand-Regular-Bw-aFoyp.woff) format("woff");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:200;src:url(/assets/Quicksand-Light-wnWUu0Op.woff) format("woff");font-display:swap}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;src:url(/assets/Quicksand-Bold-OG-D_b-0.woff) format("woff");font-display:swap}html{font-size:var(--font-size, 20px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family, "Quicksand"),sans-serif;background-color:var(--bg-color, #fff);color:var(--font-color-secondary, #4a1500);font-weight:300;line-height:1.4}*{box-sizing:border-box}.grecaptcha-badge{display:none}.block-text{max-width:450px;line-height:1.618}.highlight{background-color:var(--highlight, rgba(255, 255, 0, .831372549))}.button-next{position:absolute;left:50vw;bottom:15vh;height:32px;width:32px;margin:-20px;border-radius:50%;border:1px solid rgba(0,0,0,.2);background-color:#00000008;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>') center/10px no-repeat;pointer-events:all}.button-next:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:-1;border-radius:50%}footer .button-next{transform:rotate(180deg)}@media screen and (width <= 440px){.button-next{bottom:12vh;right:24vw}}.title,.title-inverse{display:inline-block;padding:0 10px;font-size:2.1rem;font-family:var(--font-family-secondary, "Alfa Slab One"),Impact,Arial,sans-serif}.title h2{background:var(--bg-color, #fff);padding:0 10px}.title-inverse{color:var(--bg-color, #fff);background:var(--font-color, #000);line-height:1.2}[parallax]{transform:translate3d(var(--x, 0),var(--y, 0),calc(var(--z, 0) * 1px)) scale(calc(1 + var(--z, 0) * -1 / 100));will-change:transform}input::placeholder{opacity:.4;font-family:var(--font-family-secondary, "Alfa Slab One"),Impact,Arial,sans-serif}main{position:absolute;overflow:hidden auto;scroll-behavior:smooth;perspective:calc(var(--perspective, 100) * 1px);perspective-origin:50vw 50vh;top:0;right:0;bottom:0;left:0}header,section,footer{display:flex;flex-wrap:wrap;transform-style:preserve-3d;margin:0 auto;min-height:100vh}@media screen and (width <= 960px){header,section,footer{max-width:var(--max-width, 700px)}}header>*:first-child:last-child,section>*:first-child:last-child,footer>*:first-child:last-child{width:100%;height:100%;display:flex;align-items:center;align-items:flex-start;justify-content:center;justify-content:flex-start;transform-style:preserve-3d}header>*:first-child:last-child>*,section>*:first-child:last-child>*,footer>*:first-child:last-child>*{width:50%;padding-top:var(--height-header, 100px)}header>*:first-child:nth-last-child(n+3),section>*:first-child:nth-last-child(n+3),footer>*:first-child:nth-last-child(n+3){width:100%;display:flex;align-items:flex-end;justify-content:center;margin:0 0 var(--gap-section, 40px);margin:0 0 calc(var(--gap-section, 40px) * 2);transform-origin:bottom}header>*:nth-child(2):nth-last-child(n+1),section>*:nth-child(2):nth-last-child(n+1),footer>*:nth-child(2):nth-last-child(n+1){width:50%;text-align:right;transform-origin:top right;padding:0 calc(var(--gap-section, 40px) / 2) 0 0}header>*:nth-child(3):nth-last-child(n+2),section>*:nth-child(3):nth-last-child(n+2),footer>*:nth-child(3):nth-last-child(n+2){width:50%;text-align:left;transform-origin:top left;padding:0 0 0 calc(var(--gap-section, 40px) / 2)}.menu{position:sticky;display:flex;align-items:center;justify-content:center;height:var(--height-menu, 150px);top:0;background-color:var(--bg-color, #fff);margin-bottom:calc(var(--height-menu, 140px) * -1);font-size:1.24rem;font-weight:200;z-index:500}.menu .section{width:initial}.menu--backdropEffect{background-color:transparent;background-image:radial-gradient(transparent 1px,var(--bg-color) 1px);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(4px);backdrop-filter:saturate(50%) blur(4px);border-bottom:3px solid rgba(255,255,255,.9215686275)}.menu .item{position:relative;text-decoration:none;color:inherit;margin:0 20px}.menu .item:after{position:absolute;content:attr(data-content);top:0;left:0;height:0;background-color:var(--font-color, #000);color:var(--bg-color, #fff);overflow:hidden;transition:.1s;will-change:height}.menu .item:hover:after{height:100%;transition:.3s;transform:translateZ(0)}.menu .item:before{display:none}.menu .item--inverse{color:var(--bg-color, #fff);background-color:var(--font-color, #000)}.menu .item--inverse:after{color:var(--font-color, #000);background-color:var(--bg-color, #fff);height:100%}.menu .item--inverse:hover:after{height:0}.carousel{--duration: .85s;overflow:hidden;height:300px}.carousel li{display:flex;min-height:300px;transition:var(--duration, .2s);transform-origin:left;opacity:0}.carousel li p{min-width:calc(100% + 50px);padding-right:50px;transition:inherit}.carousel .carousel-next{position:absolute;font-family:var(--font-family-secondary);pointer-events:all;cursor:pointer;top:220px;left:0}.carousel .carousel-next:hover{font-weight:bolder}.carousel .carousel-next:before{content:"";position:absolute;background-color:transparent;top:0;right:0;bottom:0;left:0}.carousel #fnac-darty:checked~li{transform:scale(.8) translateY(0)}.carousel #fnac-darty:checked~li.fnac-darty__content{opacity:1;transform:scale(1)}.carousel #marie:checked~li,.carousel #famileo:checked~li{transform:scale(.8) translateY(-100%)}.carousel #marie:checked~li.famileo-marie__content,.carousel #famileo:checked~li.famileo-marie__content{opacity:1;transform:scale(1) translateY(-100%)}.carousel #famileo:checked~.famileo-marie__content p{transform:scale(.8)}.carousel #famileo:checked~.famileo-marie__content p:nth-child(1){opacity:1;transform:scale(1) translate(0)}.carousel #marie:checked~.famileo-marie__content p{opacity:0;transform:scale(.8) translate(-100%)}.carousel #marie:checked~.famileo-marie__content p:nth-child(2){opacity:1;transform:scale(1) translate(-100%)}.carousel #startup:checked~li,.carousel #freelance:checked~li{transform:scale(.8) translateY(-200%)}.carousel #startup:checked~li.freelance-startup__content,.carousel #freelance:checked~li.freelance-startup__content{opacity:1;transform:scale(1) translateY(-200%)}.carousel #freelance:checked~.freelance-startup__content p{transform:scale(.8)}.carousel #freelance:checked~.freelance-startup__content p:nth-child(1){opacity:1;transform:scale(1) translate(0)}.carousel #startup:checked~.freelance-startup__content p{opacity:0;transform:scale(.8) translate(-100%)}.carousel #startup:checked~.freelance-startup__content p:nth-child(2){opacity:1;transform:scale(1) translate(-100%)}.carousel #fnac-darty:checked~li p,.carousel #famileo:checked~li p,.carousel #freelance:checked~li p{transition:var(--duration, .2s) 0}.contact{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 50px);background:var(--bg-color, #fff);z-index:20}.form{display:flex;flex-direction:column;max-width:460px;width:100%;padding:20px}.form .line{position:relative;display:flex;flex-direction:row}.form .line:not(:last-child){margin-bottom:25px}.form .line .input{position:relative;flex:1;width:100%}.form .line .input input,.form .line .input textarea{width:100%;padding:10px 15px;border:1px solid rgba(0,0,0,.1);border-radius:5px;font-size:.7rem;font-weight:300;transition:.5s}.form .line .input textarea{height:120px;outline:none;resize:none;font-family:inherit}.form .line .input button,.form .line .input input[type=submit]{border:none;padding:0 10px;color:var(--bg-color, #fff);background:var(--font-color, #000);font-family:var(--font-family-secondary),Impact,Arial,sans-serif;font-size:1.3rem;transition:.1s;width:auto;border-radius:0;cursor:pointer}.form .line .input button:hover,.form .line .input input[type=submit]:hover{background-color:var(--bg-color, #fff);color:var(--font-color, #000)}.form .line .input.input-right{text-align:right}.form .line .input:first-child:not(:last-child){margin-right:-1px}.form .line .input:first-child:not(:last-child) input{border-top-right-radius:0;border-bottom-right-radius:0}.form .line .input:last-child:not(:first-child) input{border-top-left-radius:0;border-bottom-left-radius:0}.input-focus-anim-label{position:absolute;bottom:100%;left:22px;font-size:12px;font-weight:200;text-align:right;margin-bottom:-6px;transform:translate(10px);white-space:nowrap;pointer-events:all;transition:.5s;color:#fff;opacity:0;z-index:10}.input-focus-anim-label span{background-color:var(--bg-color, #fff);color:var(--font-color, #000);font-weight:200;opacity:.7}input:focus~.input-focus-anim-label span,textarea:focus~.input-focus-anim-label span{background-color:var(--font-color, #000);color:var(--bg-color, #fff);font-weight:700;opacity:1}.presentation{position:relative;z-index:10}@media screen and (width <= 960px){.presentation{z-index:initial}}.presentation__title{--z: -200;font-size:2.6rem}.presentation__name{--z: -300;font-size:1.2rem}.presentation__name h2{font-size:1.6rem;margin:0 0 .5rem}.presentation__name b{font-family:var(--font-family-secondary)}.presentation__name:after{content:"";position:absolute;background-color:var(--bg-color, #fff);height:35vh;top:0;right:0;bottom:0;left:0;z-index:-1}.presentation__technos{--z: -100;background-color:var(--bg-color, #fff);border-radius:1rem;font-size:1.2rem;margin-top:-20px}.about{margin-top:80vh;margin-bottom:140vh}.about__title{--z: -550}@media screen and (width <= 960px){.about__title{writing-mode:sideways-lr;width:auto!important;margin-right:15vw}}.about__content{--z: -200}.experiences{pointer-events:none}.experiences label{pointer-events:all;cursor:pointer}.experiences__title{--z: -40;margin:0}.experiences__menu{--z: -200;font-weight:300;font-size:1.2rem;font-family:var(--font-family-secondary)}.experiences__description{--z: -100}.experiences .button-next{font-size:1.2rem}.competences{margin-top:40vh}.competences__title{--z: -40}@media screen and (width <= 960px){.competences__title{writing-mode:vertical-rl;width:auto!important;text-align:left}}.competences__content{--z: -110}@media screen and (width <= 960px){.competences{flex-direction:row-reverse}}#contact .title{margin:0 0 1rem}#contact .form{margin:0 auto;max-width:400px}.glitch{position:relative;color:#fff;color:inherit}.glitch:before,.glitch:after{color:inherit;content:attr(data-content);position:absolute;width:100%;height:100%;background:#fff;overflow:hidden;top:0}.glitch:before{left:3px;text-shadow:-2px 0 red;animation-name:glitch-animation-1;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:reverse-alternate}.glitch:after{left:-3px;text-shadow:-2px 0 blue;animation-name:glitch-animation-2;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:reverse-alternate}@keyframes glitch-animation-1{0%{clip:rect(87px,350px,87px,30px)}5%{clip:rect(64px,350px,100px,30px)}10%{clip:rect(123px,350px,7px,30px)}15%{clip:rect(129px,350px,16px,30px)}20%{clip:rect(122px,350px,93px,30px)}25%{clip:rect(105px,350px,147px,30px)}30%{clip:rect(8px,350px,4px,30px)}35%{clip:rect(19px,350px,12px,30px)}40%{clip:rect(72px,350px,82px,30px)}45%{clip:rect(40px,350px,1px,30px)}50%{clip:rect(48px,350px,86px,30px)}55%{clip:rect(150px,350px,63px,30px)}60%{clip:rect(78px,350px,38px,30px)}65%{clip:rect(49px,350px,124px,30px)}70%{clip:rect(64px,350px,11px,30px)}75%{clip:rect(118px,350px,129px,30px)}80%{clip:rect(147px,350px,16px,30px)}85%{clip:rect(13px,350px,16px,30px)}90%{clip:rect(106px,350px,30px,30px)}95%{clip:rect(28px,350px,10px,30px)}to{clip:rect(133px,350px,41px,30px)}}@keyframes glitch-animation-2{0%{clip:rect(133px,350px,70px,30px)}5%{clip:rect(146px,350px,51px,30px)}10%{clip:rect(59px,350px,56px,30px)}15%{clip:rect(48px,350px,80px,30px)}20%{clip:rect(112px,350px,12px,30px)}25%{clip:rect(29px,350px,40px,30px)}30%{clip:rect(108px,350px,141px,30px)}35%{clip:rect(73px,350px,21px,30px)}40%{clip:rect(114px,350px,3px,30px)}45%{clip:rect(51px,350px,40px,30px)}50%{clip:rect(75px,350px,127px,30px)}55%{clip:rect(48px,350px,150px,30px)}60%{clip:rect(105px,350px,122px,30px)}65%{clip:rect(25px,350px,128px,30px)}70%{clip:rect(74px,350px,100px,30px)}75%{clip:rect(16px,350px,23px,30px)}80%{clip:rect(45px,350px,98px,30px)}85%{clip:rect(98px,350px,111px,30px)}90%{clip:rect(12px,350px,25px,30px)}95%{clip:rect(5px,350px,48px,30px)}to{clip:rect(72px,350px,77px,30px)}}.glitch2,.glow{color:inherit;position:relative;animation:glitch2 5s 5s infinite}.glitch2:before,.glow:before{content:attr(data-content);position:absolute;left:-2px;text-shadow:-5px 0 magenta;background:#fff;overflow:hidden;top:0;animation:noise-1 3s linear infinite alternate-reverse,glitch2 5s 5.05s infinite}.glitch2:after,.glow:after{content:attr(data-content);position:absolute;left:2px;text-shadow:-5px 0 lightgreen;background:#fff;overflow:hidden;top:0;animation:noise-2 3s linear infinite alternate-reverse,glitch2 5s 5s infinite}@keyframes glitch2{1%{transform:rotateX(10deg) skew(90deg)}2%{transform:rotateX(0) skew(0)}}@keyframes noise-1{3.3333333333%{clip-path:inset(12px 0 22px 0)}6.6666666667%{clip-path:inset(42px 0 45px 0)}10%{clip-path:inset(19px 0 59px 0)}13.3333333333%{clip-path:inset(3px 0 58px 0)}16.6666666667%{clip-path:inset(93px 0 6px 0)}20%{clip-path:inset(100px 0 1px 0)}23.3333333333%{clip-path:inset(85px 0 1px 0)}26.6666666667%{clip-path:inset(7px 0 69px 0)}30%{clip-path:inset(28px 0 31px 0)}33.3333333333%{clip-path:inset(78px 0 8px 0)}36.6666666667%{clip-path:inset(100px 0 1px 0)}40%{clip-path:inset(35px 0 43px 0)}43.3333333333%{clip-path:inset(73px 0 17px 0)}46.6666666667%{clip-path:inset(66px 0 33px 0)}50%{clip-path:inset(56px 0 1px 0)}53.3333333333%{clip-path:inset(45px 0 49px 0)}56.6666666667%{clip-path:inset(43px 0 28px 0)}60%{clip-path:inset(4px 0 70px 0)}63.3333333333%{clip-path:inset(93px 0 8px 0)}66.6666666667%{clip-path:inset(86px 0 10px 0)}70%{clip-path:inset(67px 0 15px 0)}73.3333333333%{clip-path:inset(40px 0 48px 0)}76.6666666667%{clip-path:inset(68px 0 26px 0)}80%{clip-path:inset(68px 0 12px 0)}83.3333333333%{clip-path:inset(99px 0 1px 0)}86.6666666667%{clip-path:inset(93px 0 2px 0)}90%{clip-path:inset(74px 0 24px 0)}93.3333333333%{clip-path:inset(4px 0 62px 0)}96.6666666667%{clip-path:inset(5px 0 68px 0)}to{clip-path:inset(94px 0 1px 0)}}@keyframes noise-2{0%{clip-path:inset(13px 0 65px 0)}3.3333333333%{clip-path:inset(61px 0 19px 0)}6.6666666667%{clip-path:inset(74px 0 1px 0)}10%{clip-path:inset(69px 0 5px 0)}13.3333333333%{clip-path:inset(75px 0 14px 0)}16.6666666667%{clip-path:inset(49px 0 22px 0)}20%{clip-path:inset(26px 0 18px 0)}23.3333333333%{clip-path:inset(89px 0 4px 0)}26.6666666667%{clip-path:inset(28px 0 41px 0)}30%{clip-path:inset(64px 0 2px 0)}33.3333333333%{clip-path:inset(26px 0 56px 0)}36.6666666667%{clip-path:inset(99px 0 2px 0)}40%{clip-path:inset(45px 0 34px 0)}43.3333333333%{clip-path:inset(11px 0 76px 0)}46.6666666667%{clip-path:inset(85px 0 13px 0)}50%{clip-path:inset(60px 0 41px 0)}53.3333333333%{clip-path:inset(92px 0 8px 0)}56.6666666667%{clip-path:inset(44px 0 39px 0)}60%{clip-path:inset(20px 0 16px 0)}63.3333333333%{clip-path:inset(97px 0 4px 0)}66.6666666667%{clip-path:inset(95px 0 1px 0)}70%{clip-path:inset(55px 0 8px 0)}73.3333333333%{clip-path:inset(80px 0 1px 0)}76.6666666667%{clip-path:inset(75px 0 1px 0)}80%{clip-path:inset(30px 0 8px 0)}83.3333333333%{clip-path:inset(42px 0 14px 0)}86.6666666667%{clip-path:inset(25px 0 27px 0)}90%{clip-path:inset(56px 0 37px 0)}93.3333333333%{clip-path:inset(3px 0 28px 0)}96.6666666667%{clip-path:inset(35px 0 12px 0)}to{clip-path:inset(66px 0 17px 0)}}.scanlines{overflow:hidden;mix-blend-mode:difference}.scanlines:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.05) .5%,transparent 1%);animation:fudge 7s ease-in-out alternate infinite}@keyframes fudge{0%{transform:translate(0)}to{transform:translateY(2%)}}.glow{text-shadow:0 0 1000px rgb(223,191,191);color:transparent;position:absolute;top:0}.subtitle{font-family:Arial,Helvetica,sans-serif;font-weight:100;font-size:.8vw;color:#a58d8d66;text-transform:uppercase;letter-spacing:1em;text-align:center;position:absolute;left:17%;animation:glitch2-2 5s 5.02s infinite}@keyframes glitch2-2{1%{transform:rotateX(10deg) skew(70deg)}2%{transform:rotateX(0) skew(0)}}