@import url(https://fonts.googleapis.com/css?family=Pacifico|Source+Sans+Pro:400,600,700|Do+Hyeon|Overpass+Mono);a{text-decoration:none;color:inherit}a.link{text-decoration:underline;color:#706fd3}.pointer{cursor:pointer}.current-language{font-weight:700}.hidden{display:none}.invisible{opacity:0;pointer-events:none}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}body,html{margin:0;padding:0;width:100vw;min-height:100vh;overflow-x:hidden}body[lang=en] .en,body[lang=fr] .fr{display:inherit!important}.en,.fr{display:none}body{background:#22313f;background:radial-gradient(#2f455a,#161c21);font-family:Source Sans Pro,sans-serif;color:#fff;display:grid;grid-template-columns:auto;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-rows:175px auto auto 80px;grid-template-areas:"title" "menu" "page" "footer"}body .section{width:100%}body .ie-info{font-size:3rem;text-align:center;width:50vw;margin:50vh auto 0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#main-menu{grid-area:menu;box-shadow:0 0 10px 1px rgba(0,0,0,.75)}#main-menu ul{width:80%;display:block;margin:25px auto;padding:0;list-style-type:none}#main-menu ul li{font-weight:700;letter-spacing:2px;font-size:1.7rem;font-variant:small-caps;line-height:2rem;height:2.5rem}#main-content{position:relative;grid-area:page;opacity:0;-webkit-animation:appear 1.5s linear 1s 1 normal forwards running;animation:appear 1.5s linear 1s 1 normal forwards running;background-position:right 0 bottom -40px;background-repeat:no-repeat;background-size:250px;z-index:1;padding:25px;box-sizing:border-box}#main-content .page{min-height:50vh;max-width:calc(100vw - 50px)}#main-content .page.first{-webkit-animation:appear 1.5s linear 2.5s 1 normal forwards running;animation:appear 1.5s linear 2.5s 1 normal forwards running;opacity:0}#main-content .page-control{display:none}#footer{grid-area:footer;display:flex;justify-content:center;align-items:flex-end;box-shadow:0 -5px 10px 4px rgba(0,0,0,.75)}#footer .wrapper{margin-bottom:20px;text-align:center}#footer .wrapper span{color:#686868}#footer .wrapper .languages-selector{z-index:1;width:100%;font-size:1.2em}@-webkit-keyframes title-draw{0%{stroke-dashoffset:-860px;stroke-width:6.5px}85%{stroke-dashoffset:0;stroke-width:6.5px}to{stroke-width:35px}}@keyframes title-draw{0%{stroke-dashoffset:-860px;stroke-width:6.5px}85%{stroke-dashoffset:0;stroke-width:6.5px}to{stroke-width:35px}}#title{grid-area:title;display:flex;align-items:center;justify-items:center}#title .wrapper{margin:0 auto}#title .wrapper a{display:block;padding:15px}#title .wrapper a #title-text{display:inline-flex;align-items:center;flex-flow:column;width:100%;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}#title .wrapper a #title-text .path{fill:none;stroke:url(#fillup);stroke-width:35px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:860 860;-webkit-animation:title-draw 3.5s cubic-bezier(.77,0,.175,1);animation:title-draw 3.5s cubic-bezier(.77,0,.175,1)}#title .wrapper a #title-text:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes blink{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes blink{0%,49.9%{opacity:0}50%,to{opacity:1}}#page-home{display:block!important}#page-home h1{font-family:Overpass Mono,monospace;font-size:9vw;margin:.5em 1em;position:relative}#page-home h1:before{position:absolute;top:0;left:-1em;color:#999;content:">"}#page-home h1 .cursor{color:#3e8fc8;-webkit-animation:blink 1s linear infinite;animation:blink 1s linear infinite}#page-home h1 .first-letter{color:#3e8fc8}#page-home hr{width:200px;display:inline-block}#page-home h3{font-size:1.8rem;margin:5px 0}@media only screen and (min-width:500px){#page-home h1{font-size:45px}}@media only screen and (min-width:800px){#page-home h1{margin-top:0;padding-top:25vh}#page-home h1:before{top:25vh}}#page-skills #skills-accordion{transition:max-height .75s ease-in;max-height:80vh;overflow:hidden}#page-skills #skills-accordion.show-all{max-height:3000px}#page-skills #skills-accordion .skill{position:relative;margin-bottom:1.2em}#page-skills #skills-accordion .skill input{position:absolute;top:0;left:0;opacity:0}#page-skills #skills-accordion .skill label{font-size:1.7em;text-transform:capitalize}#page-skills #skills-accordion .skill label:before{content:"\276F";font-size:.75em;margin-right:5px}#page-skills #skills-accordion .skill input:checked~.skill-additionnal{height:15vh}#page-skills #skills-accordion .skill .skill-additionnal{height:0;overflow:hidden;margin-top:.5em;margin-bottom:0;transition:all .3s ease-in-out;position:relative;font-size:1.2em}#page-skills #skills-accordion .skill .skill-additionnal:after{position:absolute;top:calc(100% + .3em);left:0;content:"";width:70%;margin:0 15%;height:1px;background-color:#fff}#page-skills #show-all-skills{display:inline-block;width:100%;text-align:center}#page-skills #show-all-skills:after{content:"\25BC";font-size:.7em;margin-left:.5em}@media only screen and (min-width:800px){#page-skills #skills-cloud text{transition:all .5s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media only screen and (min-width:800px) and (min-width:1200px){#page-skills{position:relative}#page-skills #skills-cloud{position:absolute;top:75px}#page-skills #skills-accordion .skill{position:absolute;top:250px;left:0;right:0}#page-skills #skills-accordion .skill .skill-additionnal{width:50%;font-size:1.5em;margin:0 auto;text-align:center;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);transition:all .5s ease-in-out;opacity:0;visibility:visible;height:auto}#page-skills #skills-accordion .skill.active .skill-additionnal{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}#page-skills #skills-accordion .skill.active .skill-additionnal span{visibility:visible}#page-skills #skills-accordion .skill *{visibility:hidden}#page-skills #show-all-skills{display:none}}@-webkit-keyframes showcursor{0%{opacity:0;-webkit-transform:translate3d(-200%,50px,0);transform:translate3d(-200%,50px,0)}25%,75%{opacity:1}90%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showcursor{0%{opacity:0;-webkit-transform:translate3d(-200%,50px,0);transform:translate3d(-200%,50px,0)}25%,75%{opacity:1}90%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}}#page-resume .timeline{border-left:4px solid #3e8fc8;color:hsla(0,0%,100%,.8);margin:50px 30px 50px 95px;letter-spacing:.5px;position:relative;line-height:1.4em;font-size:1.03em;padding:50px 50px 0;list-style:none;text-align:left}#page-resume .timeline,#page-resume .timeline h1{font-family:Source Sans Pro,sans-serif;font-weight:100}#page-resume .timeline h1{letter-spacing:1.5px;font-size:1.4em}#page-resume .timeline h2,#page-resume .timeline h3{font-family:Source Sans Pro,sans-serif;letter-spacing:1.5px;font-weight:400}#page-resume .timeline h2:last-of-type,#page-resume .timeline h3:last-of-type{margin-bottom:0}#page-resume .timeline .event{border-bottom:1px dashed hsla(0,0%,100%,.1);padding-bottom:25px;margin-bottom:50px;position:relative}#page-resume .timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}#page-resume .timeline .event:last-of-type .dot{top:10px}#page-resume .timeline .event:before{position:absolute;display:block;top:0;left:-200px;color:hsla(0,0%,100%,.4);content:attr(data-date);text-align:right;font-weight:100;font-size:.9em;min-width:120px;font-family:Source Sans Pro,sans-serif}#page-resume .timeline .event .dot{position:absolute;display:block;top:5px;box-shadow:0 0 0 4px #3e8fc8;left:-57.85px;background:rgba(0,0,0,.95);border-radius:50%;height:11px;width:11px;transition:box-shadow .5s ease-out}#page-resume .timeline .event .dot.callforaction:before{content:"";position:absolute;top:-5px;left:-14px;display:block;width:48px;height:48px;background:transparent url(assets/pointer.svg) 50%/contain no-repeat;-webkit-animation:showcursor 1.5s ease-out infinite;animation:showcursor 1.5s ease-out infinite}#page-resume .timeline .event .dot .tooltip{display:block;position:absolute;bottom:calc(100% + 5px);left:15px;padding:15px;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.19,1,.22,1) .1s;width:50vw;background-color:#0e2331;border-radius:7px;border-bottom-left-radius:0;box-shadow:0 0 5px 1px #296690}#page-resume .timeline .event .dot .tooltip a{text-decoration:underline}#page-resume .timeline .event .dot:hover .tooltip{opacity:1;pointer-events:auto}@media only screen and (min-width:800px){#page-resume .timeline{margin:50px auto;max-width:30%}#page-resume .timeline .event:before{left:-250px}#page-resume .timeline .event .dot .tooltip{width:35vw}#page-resume .timeline .event .dot .tooltip:after{content:"";position:absolute;bottom:-15px;left:-35px;display:inline-block;width:45px;height:25px}}@media only screen and (min-width:800px) and (min-width:1350px){#page-resume .timeline .event .dot .tooltip{width:275px;left:-310px;border-radius:7px;border-bottom-right-radius:0}#page-resume .timeline .event .dot .tooltip:after{right:-15px;left:unset}}#page-contact p{font-size:1.1em}#page-contact .buttons{margin-top:3em}#page-contact .buttons .slide-button{display:block;width:70%;height:40px;margin:1.5rem auto;overflow:hidden;background-color:#0d202d;border:2px solid #3e8fc8;font-family:Source Sans Pro,sans-serif;line-height:40px;font-weight:600;font-size:.9em;letter-spacing:3px;text-transform:uppercase;position:relative}#page-contact .buttons .slide-button .content{position:absolute;width:100%;height:100%;text-align:center;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}#page-contact .buttons .slide-button .content.masked{letter-spacing:normal;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);background-color:#3e8fc8}#page-contact .buttons .slide-button:hover .visible.content{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}#page-contact .buttons .slide-button:hover .masked.content{-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (min-width:800px){#page-contact p{position:relative;margin-top:15vh;font-size:2em;text-align:center}#page-contact p:after{content:"";position:absolute;top:150%;left:35%;width:30%;height:1px;border-bottom:1px solid hsla(0,0%,100%,.6)}#page-contact .buttons{display:flex;flex-flow:row wrap;justify-content:center;max-width:70%;margin-left:auto;margin-right:auto}#page-contact .buttons .slide-button{width:250px;display:inline-block;margin:.7em 25px}}@media only screen and (min-width:800px){html,html body{min-height:100vh;height:100vh;overflow:auto}html body{grid-template-rows:200px auto 120px;grid-template-columns:300px auto;grid-template-areas:"title page" "menu page" "footer page"}html body .section{box-shadow:inset -41px 0 43px -37px rgba(0,0,0,.75)!important}html #main-menu ul{margin:0;padding:0;width:100%}html #main-menu ul li{padding-left:25px;position:relative;width:calc(100% - 25px);color:#3e8fc8;transition:color .7s cubic-bezier(.075,.82,.165,1)}html #main-menu ul li:before{content:"";position:absolute;display:block;top:0;left:0;width:0;height:100%;z-index:-1;background-color:#3e8fc8;transition:width .4s cubic-bezier(.075,.82,.165,1)}html #main-menu ul li.selected:before{width:5px}html #main-menu ul li:hover{color:#fff}html #main-menu ul li:hover:before{width:100%}html #main-content{height:100vh;overflow-y:scroll;background-position:50%;background-size:33%;padding:0 50px}html #main-content .page{display:flex;justify-content:flex-start;min-height:100vh;flex-direction:column}html #main-content .page-control{position:fixed;display:block;z-index:2;height:25px;width:calc(100vw - 300px);left:300px;right:0;text-align:center;opacity:.6;transition:opacity .4s cubic-bezier(.075,.82,.165,1),-webkit-transform .4s cubic-bezier(.075,.82,.165,1);transition:transform .4s cubic-bezier(.075,.82,.165,1),opacity .4s cubic-bezier(.075,.82,.165,1);transition:transform .4s cubic-bezier(.075,.82,.165,1),opacity .4s cubic-bezier(.075,.82,.165,1),-webkit-transform .4s cubic-bezier(.075,.82,.165,1)}html #main-content .page-control#nav-page-up{top:12px}html #main-content .page-control#nav-page-up:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}html #main-content .page-control#nav-page-down{bottom:12px}html #main-content .page-control#nav-page-down:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}html #main-content .page-control:hover{opacity:1}html #footer .wrapper{margin-bottom:40px}}@media screen and (min-width:1400px){#main-content{background-size:363px!important}}