#bg-video{position:fixed;z-index:-1;max-width:initial;right:0;bottom:0;min-width:100%;min-height:100%}@media (max-width: 768px){#bg-video{transform:translate(calc((100% - 100vw)/2))}}@keyframes rotateLogo{0%{rotate:0deg}to{rotate:359deg}}header{position:fixed;width:100%;z-index:1}#header-wrapper{position:relative}#header-shadow{position:absolute;width:100%;height:7em;background:linear-gradient(180deg,#000000eb,#000000b3,#0000);transition-duration:.4s;pointer-events:none;opacity:0}#header-shadow.on{opacity:1}#logo,#burger{position:absolute;margin:1em;z-index:1}#logo{height:4em}#logo.rotate{animation:rotateLogo .4s}#burger{height:3em;right:0;opacity:.75;cursor:pointer}#burger:hover{opacity:1}nav>ul>*{margin:.25em .5em;text-transform:uppercase;font-weight:700;opacity:.75;cursor:pointer}nav>ul>*:hover{opacity:1}nav a{display:block}nav img{height:2.25em}@media (max-width: 768px){nav{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0007;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:onMountEffect .5s;display:flex;flex-direction:column;justify-content:center;align-items:center}nav:not(.show-nav){display:none}nav.nav-leaving{animation:onUnmountEffect .5s}nav ul{display:grid;grid-template-columns:repeat(2,1fr);width:80%;font-size:1.5rem}nav ul>*{height:3em;display:flex;justify-content:center;align-items:center}}@media (min-width: 768px){#burger{display:none}nav{position:absolute;right:0;margin:1em}nav ul{display:flex;justify-content:center;align-items:center;font-size:1.125rem}nav>ul>*{margin:0 .5em}nav img{height:1.875em}}@media (hover: hover){#logo{cursor:pointer}}#hero{height:100vh}#hero>:first-child{flex-grow:1}#about{padding:1em}#pp{--pp-size: 8em;width:var(--pp-size);height:var(--pp-size);border-radius:var(--pp-size);margin:1em;border:.25em solid white;outline:.25em solid var(--main-color)}#about-infos{text-align:center;padding:0 1em}#about-name{font-weight:700}.first-letter{text-decoration:underline var(--main-color);text-underline-offset:.125em}#about-subtitle{font-size:1.25rem;margin:.25em 0}.about-hook{margin:1em 0;font-size:.9rem;font-style:italic}.about-hook>div{margin-bottom:.5em}#about-cta{margin-bottom:.5em}#about-cta button,#about-cta-icons{margin:.35em 0}#about-cta-icons a{height:2.25em}#about-cta-icons a img{height:100%}#about-cta>:not(:first-child),#about-cta-icons>:not(:first-child){margin-left:.75em}#hero-arrow{height:5em;opacity:0}#hero-arrow.show{opacity:1;animation:onMountEffect 2s}#hero-arrow.show.leave{opacity:0;animation:onUnmountEffect .5s}@media (min-width: 768px){#about{flex-direction:row!important}#about h1,#about h2{text-align:left}#pp{--pp-size: 12.5em}#about-subtitle{font-size:1.5rem}#about-infos{text-align:left}.about-hook{max-width:40em}#about-cta{justify-content:flex-start!important}#about-cv-btn{margin-left:0}}.project-languages{display:flex;justify-content:center;margin-bottom:.75em}.project-languages img{height:1.375em;margin:.25em}.project-brand>*{max-height:50vh}.project-description{margin:.75em 0;text-align:center}.project-links{display:flex;justify-content:center;border-top:1px solid #ffffff55}.project-links>div{padding:.75em;margin:1em .5em 0;border:1px solid;border-radius:1em;cursor:pointer;transition-duration:.4s}.project-links>div:hover{background-color:#fff3}.project-links a{display:flex;align-items:center}.project-links img{height:2em;margin-right:.5em}@media (min-width: 768px){.box.project{max-width:60em;margin:1em auto}}#contact-container{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;animation:onMountEffect .5s}#contact-out{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0008}#contact{text-align:center}#contact h2{font-weight:700;font-size:1.5rem;margin-bottom:.5em}.contact-sep{display:flex;justify-content:center;align-items:center;white-space:nowrap;margin-top:.5em}.contact-sep>:first-child,.contact-sep>:last-child{width:50%;height:2px;background-color:#bbb;margin:.75em}#contact h3{color:#bbb;text-transform:uppercase;font-size:.85rem;font-weight:700}#contact h4{font-size:1rem}.contact-cta{display:flex;justify-content:center;align-items:center}.button-icon-copy{background:url(/icon/white/copy-icon.svg);background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}.button-icon-copy-hover{background:url(/icon/blue/copy-icon.svg);background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}.button-icon-call{background:url(/icon/white/phone-call-icon.svg),var(--main-color);background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}.button-icon-call-hover{background:url(/icon/blue/phone-call-icon.svg),#fff;background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}.button-icon-calendar{background:url(/icon/white/calendar-svgrepo-com.svg),var(--main-color);background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}.button-icon-calendar-hover{background:url(/icon/blue/calendar-svgrepo-com.svg),#fff;background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}.button-icon-mail{background:url(/icon/white/mail.svg),var(--main-color);background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}.button-icon-mail-hover{background:url(/icon/blue/mail.svg),#fff;background-repeat:no-repeat;background-position:15% 50%;background-size:1.25em}@keyframes messageOpacityAnim{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes messageBarAnim{0%{width:0}to{width:100%}}#message-dv{position:fixed;bottom:5%;left:0;right:0;display:flex;justify-content:center}#message{color:var(--main-color);background-color:#fff;margin:1em;text-align:center;border-radius:.5em;font-weight:700;opacity:0;animation:messageOpacityAnim 5s;overflow:hidden}#message-text{padding:1em;padding-bottom:calc(1em - 3px)}#message-bar{height:3px;border-radius:3px;background-color:var(--main-color);animation:messageBarAnim 4.5s linear}#footer{margin-top:5em}#footer-top{background:linear-gradient(180deg,#0000,#000000b3,#000);height:5em}#footer-inner{padding:1em;background-color:#000}#footer-inner p{text-align:center;margin:1em}:root{color-scheme:dark;--main-color: #177AE8}@font-face{font-family:Roboto Regular;src:url(/font/Roboto-Regular.ttf)}@font-face{font-family:Dotnation;src:url(/font/Dotnation.ttf)}@keyframes onMountEffect{0%{opacity:0}to{opacity:1}}@keyframes onUnmountEffect{0%{opacity:1}to{opacity:0}}html{scroll-padding-top:5em}body{font-family:Roboto Regular}a{text-decoration:none;color:inherit}h1,h2,h3,h4{text-align:center}h1{font-size:2rem}h2{font-size:4.5rem}section>h2{font-family:Dotnation}h3{font-size:2rem}h4{font-size:1.5rem}button,.button-icon{margin:.5em .25em;padding:.5em;font-weight:700;cursor:pointer;color:#fff;background-color:var(--main-color);border:none;border-radius:.5em;font-size:1rem}button:hover,.button-icon-hover{color:var(--main-color);background-color:#fff}.button-icon{padding-left:2.25em}.box{background:#00000080;border-radius:16px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);margin:1em;padding:1em;border:1px solid #888}.element-hover{position:relative;display:block}.element-hover>:last-child{position:absolute;top:0;left:0;opacity:0}.element-hover>:last-child:hover{opacity:1}.info{position:relative;color:var(--main-color);background-color:#fff;padding:.75em;text-align:center;border-radius:1em;max-width:22.5em}.info img{position:absolute;right:calc(-2em / 3);top:calc(-2em / 3);background-color:#fff;height:2em;padding:.35em;border-radius:1.75em}.info a{text-decoration:underline}@media (min-width: 768px){h1{font-size:2.5rem}.info{max-width:35em}}@media (hover: hover){button,.burger,header nav ul>*{transition-duration:.4s}.element-hover>:last-child{transition:opacity .4s ease-out}.click-out{cursor:pointer}}