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