:root{--white:#f2f2f2;--transparent-white-0:#f2f2f2af;--transparent-white-1:#f2f2f246;--transparent-white-2:#f2f2f21a;--transparent-white-3:#f2f2f211;--transparent-white-4:#f2f2f20a;--black:#191919;color:var(--white);background-color:var(--black);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--black);scroll-snap-type:y proximity;min-height:100%}.no-scroll-snap{scroll-snap-type:none}body{font-family:Quicksand,Arial,sans-serif;line-height:1.6}path{fill:var(--white)}strong{font-weight:inherit}li{list-style-type:none}h1{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-align:inherit;text-transform:none;letter-spacing:normal;margin:0;padding:0}header{z-index:1;width:100%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;padding:.5em 1em;display:flex}.logo-container{width:100%;display:flex}.logo{height:1.5em}.socials{justify-content:flex-end;width:100%;display:flex}.nav-list{background-color:var(--transparent-white-2);-webkit-backdrop-filter:blur(10px);width:auto;height:auto;box-shadow:0 4px 6px #0000001a;box-shadow:0 0 5em var(--transparent-white-2);border-radius:2em;flex-wrap:nowrap;justify-content:center;list-style-type:none;display:flex}.nav-list li{border-radius:1.7em;flex:1;justify-content:center;width:6.5em;height:2.5em;margin:.3em;display:flex}.nav-list li:first-child{margin-right:0}.nav-list li:nth-child(2){margin-left:0}.nav-list li:hover{background-color:var(--transparent-white-3)}.pill{z-index:-1;background-color:var(--transparent-white-1);border-radius:1.7em;position:absolute}.nav-list li:first-child.active~.pill{transform:translate(-3.35em)}.nav-list li:nth-child(2).active~.pill{transform:translate(3.35em)}.nav-list li:first-child.toggle-animation~.pill{transition:transform .3s;transform:translate(-3.35em)}.nav-list li:nth-child(2).toggle-animation~.pill{transition:transform .3s;transform:translate(3.35em)}.nav-list li a{color:var(--white);padding:.5em;font-weight:500;text-decoration:none}.nav-list li a:hover{text-decoration:none}header .socials a{color:var(--white);border-radius:2em;height:2.5em;margin-left:.5em;margin-right:.5em;padding:.5em;text-decoration:none}header .socials svg{width:1.5em;height:1.5em}header .socials a:hover{background-color:var(--transparent-white-1)}.socials-mobile{width:100%;display:none}.hamburger{background-color:var(--transparent-white-2);color:var(--white);-webkit-backdrop-filter:blur(10px);border:0;border-radius:1.7em;font-size:1em;font-weight:700;display:none;box-shadow:0 4px 6px #0000001a}.hamburger img{width:2.5em;height:2.5em;margin:.3em;padding:.5em}.intro{scroll-snap-align:start;flex-direction:column;justify-content:center;align-items:center;width:60%;height:100dvh;animation:.5s transitionIn;display:flex;position:absolute;top:0}.intro-box{border-radius:2em;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding-left:2em;display:flex}.intro-text{width:100%;text-shadow:0 0 2em var(--transparent-white-2);font-size:1.8em}.intro-subtitle{text-align:start;width:100%;color:var(--transparent-white-0);padding-top:.5em;font-size:1.2em;font-weight:400}.down-arrow{width:30px;margin-top:2em;animation:1.5s infinite moveArrow}@keyframes moveArrow{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}#container3d{justify-content:center;align-items:center;width:100dvw;height:100dvh;animation:3s transitionIn;display:flex;position:fixed;top:0;left:0}#canvas3d{width:100%!important;height:100%!important}.scroll-blank-space{justify-content:center;align-items:start;height:300dvh;display:flex;overflow:hidden}.content{transition:opacity .5s;animation:.5s transitionIn}.fade-out{opacity:0}.projects-grid{flex-flow:column wrap;justify-content:center;align-items:center;width:100%;display:flex}.item-scroll-snap{scroll-snap-align:start;justify-content:center;align-items:center;width:70%;max-width:1500px;height:100dvh;display:flex}.project-item{background-color:var(--transparent-white-2);outline:.1em solid var(--transparent-white-2);outline-offset:-.1em;border-radius:2em;width:100%;height:90dvh;margin-top:8dvh;margin-bottom:2dvh;padding:.5em;position:relative;overflow:hidden}.inner-card-container{background-color:var(--transparent-white-4);outline:.1em solid var(--transparent-white-1);outline-offset:-.1em;border-radius:1.5em;flex-direction:column;width:100%;height:100%;padding:2em;display:flex}.images-container{border-radius:1em;width:100%;height:fit-content;display:flex;overflow:hidden}.image-container{justify-content:center;width:100%;height:100%;display:flex;overflow:hidden}.image-container img,.image-container video{object-fit:cover;min-width:100%;transition:all .3s}.text-container{flex-direction:column;flex-grow:1;justify-content:center;align-items:start;height:fit-content;padding-top:1em;display:flex}.item-title{font-size:2em}.techno-list{justify-content:start;align-items:center;width:100%;padding-top:.5em;display:flex}.svg-logo{height:2em}.project-external-link{color:var(--white);background-color:var(--transparent-white-2);border-radius:2em;margin-top:.5em;margin-bottom:.5em;padding-left:.5em;padding-right:.5em;font-size:1.1em;text-decoration:none}.project-external-link:after{content:"";vertical-align:top;background-image:url(/arrow.svg);background-repeat:no-repeat;background-size:contain;width:1.1em;height:1.1em;margin-top:.3em;display:inline-block}.project-external-link:hover{background-color:var(--transparent-white-1)}#about{flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:93dvh;padding:0 2em 2em;display:flex}#about p{max-width:1500px;color:var(--transparent-white-0)}#about .date{color:var(--white)}#about .place{color:var(--white);font-weight:700}#about .about-intro{color:var(--white)}.about-title{align-items:center;width:100%;max-width:1500px;padding-top:3em;padding-bottom:3em;display:flex}.about-title h2{color:var(--transparent-white-0);text-transform:uppercase;min-width:fit-content;font-size:1.2em;font-weight:500}.horizontal-line{border:.1em solid var(--transparent-white-2);width:100%;height:0;margin-left:1em}.formations,.experiences{width:100%;max-width:1500px}.formation,.experience{align-items:start;margin-bottom:2em;display:flex}.formation h3,.experience h3{width:50%;padding-bottom:1em;padding-right:1em;font-size:1.5em}.infos{width:50%}.competences{justify-content:space-between;width:100%;max-width:1500px;display:flex}.svg-logo-big{height:3em}@keyframes transitionIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.socials-list-mobile{background-color:var(--transparent-white-2);-webkit-backdrop-filter:blur(10px);border-radius:2em;list-style-type:none;display:none;box-shadow:0 4px 6px #0000001a}.socials-list-mobile.show{z-index:-1;flex-direction:column;padding-top:3.1em;display:flex;position:absolute;top:.5em;right:1em}.socials-list-mobile a{border-radius:1.7em;height:2.5em;margin:.3em;padding:.5em;display:block}.socials-list-mobile a:hover{background-color:var(--transparent-white-2)}.socials-list-mobile svg{width:1.5em;height:1.5em}@media (orientation:portrait){.intro{justify-content:start;width:100%}.intro-box{text-align:center;max-width:40em;height:35dvh;margin-top:4.1em;padding:2em}.intro-subtitle{text-align:center}}@media (width<=1000px){.item-scroll-snap{width:90%}.socials{display:none}.socials-mobile{justify-content:flex-end;display:flex}.hamburger{cursor:pointer;display:flex}}@media (width<=700px),(height<=500px){body{font-size:.8em}}@media (width<=500px),(height<=400px){.intro{font-size:.7em}}@media (width<=350px),(height<=325px){body{font-size:.6em}}