#root{margin:0;padding:0;width:100%;position:relative}.hide-bg{display:none;position:fixed;z-index:99998;top:0;right:0;bottom:0;left:0;height:100vh;background-color:#0f0f0f}.loading{display:none;position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0;height:100vh;justify-content:center;align-items:center;background-color:#000}.socials-links{margin:0 0 20px;padding:0;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;text-align:center;align-items:center;justify-content:center}.footer .socials-links a{margin:0;opacity:0;transition:1s}.footer-isvisible .socials-links a{opacity:1;margin:0 50px}.socials-links a>span>svg{width:35px;height:35px;opacity:.8;transition:opacity .3s}.socials-links a:hover>span>svg{opacity:1}.footer-page{width:100%;margin:0;padding:50px 0 30px;display:flex;flex-direction:row;flex-wrap:nowrap;text-align:center;align-items:center;line-height:1;justify-content:center}.footer-page-element{display:inline-block;margin:0 5px;opacity:.75}.footer-page-element.d{-webkit-user-select:none;user-select:none;font-family:Kaushan Script,cursive}.footer-page-element-copy{font-size:14px}.navbar{margin:0;padding:0;width:100%;position:fixed;z-index:9999;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c}.navbar-content{margin:0;padding:10px 100px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;vertical-align:middle}.logo-wrapper{display:inline-block;padding:0;height:100%;transition:transform .5s}.logo-wrapper:hover{transform:rotate(-360deg)}.site-logo{margin:0;font-weight:700;font-size:25px;width:100%;font-family:Kaushan Script,cursive}.navbar-items{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;list-style:none;font-size:13px;text-transform:uppercase}.navbar-item{margin:0 15px;cursor:pointer;display:inline-block}.navbar-item:hover{opacity:.9}@media (max-width: 480px){.navbar{margin:0;padding:0;width:100%;position:fixed;z-index:9999;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c}.navbar-content{margin:0;padding:15px 0;display:flex;align-items:center;justify-content:center;vertical-align:middle}.logo-wrapper{display:inline-block;padding:0;height:100%;transition:transform .5s}.logo-wrapper:hover{transform:rotate(-360deg)}.site-logo{margin:0;font-weight:700;font-size:25px;width:100%;font-family:Kaushan Script,cursive}.navbar-items{display:none}}.contact{margin:10px 0 200px;padding:0 100px;display:flex;flex-direction:column}.contact-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.contact-message-wrapper{flex:1;opacity:0;margin-right:60px;transform:translateY(100px);transition:opacity 2s,transform 2s}.contact-content-isvisible .contact-message-wrapper{transform:translateY(0);opacity:1}.contact-message{margin:0 0 50px;opacity:.8;font-weight:400;line-height:2.1;text-align:left}.contact-message-part{padding:0;margin-top:0;margin-bottom:20px}.contact-message-text-decorate{text-decoration:underline}.contact-message-text-decorate:hover{cursor:pointer}.contact-contact-links{margin:0;padding:0;width:100%;display:flex;line-height:1;flex-direction:row;flex-wrap:nowrap;text-align:left}.contact-link{display:inline-block;opacity:.5;font-size:13px;font-weight:400;margin:20px 25px 0 0;text-transform:uppercase;letter-spacing:4px;transition:opacity .3s}.contact-link:hover{opacity:.95}.contact-form{flex:1;width:500px;opacity:0;transform:translateY(-100px);transition:opacity 2s,transform 2s}.contact-content-isvisible .contact-form{transform:translateY(0);opacity:1}.contact-form-row{display:flex;margin:0 0 25px;flex-direction:column;justify-content:left}.contact-form-row input{margin:0;padding:10px;height:45px;border:none;outline:none;border-radius:3px;font-size:15px;background-color:#353434;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.contact-form-row input:focus,.contact-form-row textarea:focus{border:solid 2px #464545;background-color:#494848}.contact-form-row textarea{margin:0;padding:10px;min-height:100px;border:none;outline:none;font-size:15px;resize:vertical;border-radius:3px;background-color:#353434;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.contact-submit-button{width:100%;height:50px;color:#979696;margin-top:10px;font-size:1em;cursor:pointer;font-weight:500;border-radius:3px;border:solid 1px #979696;background:transparent;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.contact-submit-button:hover{color:#5e5656;border:1px solid #5e5656}.contact-submit-button:active{color:#979696;border:1px solid #979696}.experience{background-color:#1a1919}.experience-content{position:relative;display:flex;color:#d7d6d6;font-weight:400;flex-direction:row;flex-wrap:wrap;opacity:0;transform:translateY(-100px);justify-content:space-between;transition:opacity 2.5s,transform 2.5s}.experience-content-isvisible{opacity:.847;transform:translate(0)}.experience-timeline{flex:1;padding:0 20px;margin-bottom:4rem}.experience-timeline-holder{margin:0;list-style:none;padding:0 0 0 55px}.experience-timeline-event{margin:0 0 42px 60px;position:relative;padding-top:5px;list-style:none;transition:.3s}.experience-timeline-event:before{content:"";width:3px;height:100%;position:absolute;background-color:#fff;margin:0;left:-27px;top:45px;opacity:.6}.experience-timeline-event:last-of-type:before{display:none}.experience-timeline-circle{position:absolute;top:0;left:-30px}.experience-timeline-circle:before{content:"";display:block;width:35px;height:35px;border-radius:90%;border:3px solid #fff;position:absolute;left:-16px;top:3px;opacity:.6;transition:.3s}.experience-timeline-circle:after{content:"";position:absolute;width:19px;height:19px;left:-8px;top:11px;border-radius:90%;background-color:#fff;opacity:0;transition:opacity .3s}.experience-timeline-event:hover .experience-timeline-circle:before{background-color:#797979}.experience-timeline-content{text-align:left;margin-left:40px;max-width:500px;line-height:1.5em;opacity:.8;font-weight:400;transition:.3s}.experience-timeline-event:hover .experience-timeline-content{opacity:1}.experience-timeline-date{position:absolute;left:-125px;top:8px;opacity:.7;font-weight:700;transition:all .3s}.experience-timeline-event:hover .experience-timeline-date{transform:translate(-10px);opacity:1}.experience-cover-letter{flex:1;margin:0;opacity:.8;font-weight:400;padding:0 30px;line-height:2}.experience-cover-letter-part{padding:0;margin-top:0;margin-bottom:25px}#home{width:100%;height:100vh;margin:0;position:relative}.home-content{margin:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:left}.home-photo-wrapper{width:30%;height:auto;position:absolute;top:10vh;right:10vw;z-index:-2}.home-photo{width:100%;height:auto}.home-greeting{line-height:1.2;margin:0 0 15px;display:flex;flex-direction:column}.home-greeting-iam{font-size:20px;opacity:.8}.home-greeting-name{font-size:5em;font-weight:500}.home-me{font-size:18px;opacity:.9;margin-top:20px}.home-links{display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:80px;padding:0}.home-link{margin:0 20px 0 0;letter-spacing:4px;opacity:.5;font-weight:400;font-size:13px;transition:opacity .3s;text-transform:uppercase}.home-link:hover{opacity:.95}.home-background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@media (max-width: 480px){.home-content{margin:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.home-photo-wrapper{width:90%;height:auto;top:10vh;right:10vw;z-index:-2}.home-photo{width:100%;height:auto}.home-greeting{line-height:1.2;margin:0 0 15px;display:flex;flex-direction:column}.home-greeting-iam{font-size:20px;opacity:.8}.home-greeting-name{font-size:5em;font-weight:500}.home-me{font-size:18px;opacity:.9;margin-top:20px}.home-links{display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:80px;padding:0}.home-link{margin:0 20px 0 0;letter-spacing:4px;opacity:.5;font-weight:400;font-size:13px;transition:opacity .3s;text-transform:uppercase}.home-link:hover{opacity:.95}.home-background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}}.projects{width:100%;margin:0;padding:0;display:flex;flex-direction:column}.projects-wrapper{margin-bottom:7rem;display:flex;flex-direction:row;flex-wrap:wrap}.project:nth-of-type(odd){opacity:0;transform:translate(-300px)}.project:nth-of-type(2n){opacity:0;transform:translate(300px)}.projects-wrapper-isvisible .project:nth-of-type(odd){opacity:1;transform:translate(0)}.projects-wrapper-isvisible .project:nth-of-type(2n){opacity:1;transform:translate(0)}.project{height:400px;margin:0 auto 70px;width:500px;position:relative;transition:opacity 2s,transform 2s}.project-visuel{width:100%;display:flex;border-radius:15px;align-items:center;justify-content:center}.project-visuel img{width:100%;height:auto;border-radius:4px;opacity:.95;transition:all .3s}.project:hover .project-visuel img{opacity:1}.project-title{display:block;margin:20px 0 0 15px;padding:0;font-size:14px;opacity:.95;letter-spacing:2px;transition:all .3s}.project:hover .project-title{margin:25px 0 0 15px}.techologies{margin:0;width:100%;display:flex;flex-direction:column;background-color:#1a1919}.technologies-wrapper{width:100%;margin-bottom:7rem}.technologies-content{display:flex;margin:0;width:100%;padding:0;flex-direction:row;flex-wrap:wrap;list-style:none}.technologie{flex-basis:20%;display:flex;justify-content:center;padding-bottom:3rem}.technologie-logo{width:50%;height:auto;filter:brightness(90%)}.settings{position:fixed;right:30px;bottom:50px;margin:0;padding:5px;opacity:.2;display:flex;filter:brightness(95%);flex-direction:column;align-items:center;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;transition:.3s}.settings:hover{opacity:1}.lang-toggle{margin:5px 0 0;padding:0}.lang-toggle-container{margin:0;padding:0}.lang-toggle-handler{display:flex;width:58px;padding:4px;flex-direction:row;flex-wrap:nowrap;align-items:center;border-radius:35px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:13px;background-color:#e0e0e0}.lang-toggle-handler-left:before{display:flex;content:"";margin:0;padding:0;width:25px;height:25px;opacity:.97;border-radius:50%;align-items:center;justify-content:center;background-image:url(fr_flag.svg);background-size:cover;transition:transform .3s}.lang-toggle-handler-right:before{display:flex;content:"";margin:0;padding:0;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background-image:url(uk_flag.svg);background-size:cover;transform:translate(25px);transition:transform .3s}.theme-toggle-container{margin:0;padding:0}.theme-toggle-handler{display:flex;width:58px;padding:4px;flex-direction:row;flex-wrap:nowrap;align-items:center;border-radius:35px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:13px;background-color:#e0e0e0}.theme-toggle-handler-left:before{display:flex;content:"";margin:0;padding:0;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background-image:url(moon_icon.svg);background-size:cover;transition:transform .3s}.theme-toggle-handler-right:before{display:flex;content:"";margin:0;padding:0;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background-image:url(sun_icon.svg);background-size:cover;transform:translate(25px) rotate(360deg);transition:transform .3s}@font-face{font-family:ApercuMonoProRegular;src:url(/font/apercu/ApercuMonoProRegular.ttf) format("truetype")}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;width:100%;height:100%}body.dark{color:#fff;background-color:#000}body.light{color:#202121;background-color:#f4f7f6}*{box-sizing:border-box}a{outline:none;color:#fff;text-decoration:inherit}h1{font-size:3.2em;line-height:1.1}svg{fill:#fff}::-webkit-scrollbar{width:2px;background-color:#000}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}::-webkit-scrollbar-button{display:none}.section{padding:7rem 6.25rem 0;min-height:100vh}.section-title{margin:0 0 100px;font-weight:400;font-size:13px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;position:relative;opacity:1;text-transform:uppercase}