@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');@import url('https://fonts.googleapis.com/css?family=Manjari&display=swap');@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');body{margin:0;font-family:'Roboto','Helvetica',Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:'Oswald',sans-serif}h1{font-size:3em}h4{letter-spacing:1px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#278ab0}::-webkit-scrollbar-thumb{background:#1dc690}::-webkit-scrollbar-thumb:hover{background:#eaeae0}.show-on-scroll{visibility:hidden}.is-visible{visibility:visible}.page{display:flex;flex-flow:row wrap}a,a:visited{text-decoration:none}button{width:240px;height:50px;margin:0 auto 20px auto;box-shadow:0 0 10px 3px rgba(0,0,0,0.20);border-style:none;font-family:'Oswald',sans-serif;font-weight:bold;font-size:1.4em;text-transform:uppercase;color:#eaeae0;background:#1dc690}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#278ab0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:#eaeae0}.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}em{color:#1dc690;font-size:1.4em;font-family:'Oswald',sans-serif;font-style:normal}.landing-screen{width:100%;height:100vh;background:#1c4670;text-align:center}.canvas{width:100%;height:100%;top:0;left:0;position:absolute;background-color:#1c4670}canvas{display:block;height:100vh;width:100vw}.landing-text{position:absolute;color:#eaeae0;font-size:1.4em;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-headline{color:#1dc690;letter-spacing:3px;font-family:'Oswald',sans-serif;font-size:2em}.logo{position:absolute;right:3%;bottom:3%;width:10vw;height:auto}.language-switcher{position:absolute;top:3%;left:3%}.language-switcher a,.language-switcher a:link,.language-switcher a:active{color:#eaeae0;font-family:'Oswald',sans-serif}.language-switcher div:nth-child(2){margin-left:1vw;margin-top:1vh}.language-switcher a:not(.active){color:rgba(234,234,224,0.3)}nav{display:flex;width:100%;align-items:center;align-content:center;justify-content:space-around;font-weight:bold;text-transform:uppercase;position:relative;height:50px;background-color:#1c4670;box-shadow:0 3px 15px 0 rgba(0,0,0,0.30)}nav a{color:#eaeae0}.hover a{transition:all .2s ease-in-out;position:relative}.hover a:hover{color:#1dc690}.hover a::before,.hover a::after{content:"";position:absolute;bottom:-5px;width:0;height:5px;margin:5px 0 0;transition:all .2s ease-in-out;transition-duration:.75s;opacity:0;background-color:#1dc690}.hover a::before,.hover a::after{left:0}.hover:hover a::before,.hover:hover a::after{width:100%;opacity:1}main{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;width:100%}#about-me{text-align:justify;width:100%;background:#eaeae0 url('media/portrait-bg.jpg') right no-repeat;-webkit-background-size:contain;background-size:contain}#about-me h1{width:100%;text-align:center;text-decoration:underline dotted;color:#1dc690}#about-me img{display:none}.general-info{display:flex;border-radius:5px;color:#1c4670;width:50%;padding:10px;justify-content:center;flex-flow:column;margin:40px 50px}.general-info.is-visible{animation:ease-in-left 1s cubic-bezier(0.39,0.575,0.565,1)}.general-info p{font-size:1.2em}#skills{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;text-align:justify;width:100%;padding-bottom:20px;color:#eaeae0;background:#1c4670 url('media/toulon-panorama.jpg') center no-repeat}#skills h1{width:100%;text-align:center;text-decoration:underline dotted}figure{display:flex;flex-flow:row wrap;color:#eaeae0;justify-content:center}.skill-levels{margin:50px 10px 30px 0;text-align:right;color:#eaeae0;display:flex;flex-flow:column}.skill-levels p{margin-top:10px}.skill-group{display:flex;flex-flow:row wrap;justify-content:center;margin-top:50px;height:240px}.skill{display:flex;flex-flow:column wrap;margin-left:20px;justify-content:flex-end;align-items:center}.skill p{margin:10px 0 0;height:5%}.skill-subgroup{display:flex;flex-flow:row;height:90%}.skill-group-label{width:100%;height:10%;text-align:center;background-color:#1dc690;font-family:'Oswald',sans-serif;letter-spacing:1px;box-shadow:0 -5px 5px 0 rgba(0,0,0,0.20);padding:5px 0}.skill div[class^='bar']{width:10px;border-radius:5px;box-shadow:0 0 10px 2px rgba(0,0,0,0.20);background-color:#eaeae0}.skill div[class^='bar'].is-visible{animation:skill-bar-grow 2s cubic-bezier(0.39,0.575,0.565,1)}.bar-expert{max-height:80%;height:80%}.bar-advanced{max-height:60%;height:60%}.bar-intermediate{max-height:40%;height:40%}.bar-novice{max-height:20%;height:20%}#portfolio{background-color:#eaeae0;width:100%}#portfolio h1{width:100%;text-align:center;text-decoration:underline dotted;color:#1dc690}.portfolio-container{display:flex;flex-flow:row wrap;background-color:#1c4670;box-shadow:0 0 10px 5px rgba(0,0,0,0.20);width:70vw;height:90vh;margin:50px auto;color:#eaeae0}.left-picture-block{width:30%;background:#1c4670;-webkit-background-size:cover;background-size:cover}.right-block{width:70%;height:60%;padding-bottom:40px;display:flex;flex-flow:row wrap;margin-bottom:30px}.work-subtitle{margin:10px 0 10px 30px;width:100%}.work-title{font-size:1.4em;margin:10px 0 10px 15px;width:100%}.work-description{margin:0 20px;width:100%;overflow-y:auto;font-weight:lighter}.work-description em{font-size:1.4em}.carousel-container{width:100%;align-self:flex-end}.main-carousel{width:100%}.carousel-cell{height:150px;width:25%}.carousel-cell img{margin:auto;display:block;height:140px;width:140px}.flickity-page-dots{bottom:-20px;display:none}.flickity-page-dots .dot{width:12px;height:12px;opacity:1;background:transparent;border:2px solid #eaeae0}.flickity-page-dots .dot.is-selected{background:#eaeae0}.flickity-button{background:#278ab0}.flickity-button:hover{background:#278ab0}.flickity-prev-next-button{width:60px;height:60px}.flickity-button-icon{fill:#eaeae0}.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:20;cursor:pointer}.overlay>img{position:fixed;width:60px;height:60px;right:0;top:0;z-index:21}.overlay-carousel{width:100%;height:100%}.overlay-carousel .carousel-cell{width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:center}.overlay-carousel .carousel-cell img{max-height:70vh;height:70%;width:auto;margin:20px auto}.overlay-carousel .carousel-cell p{text-align:center;font-size:1.4em}#timeline{width:100%;background-color:#1c4670;color:#eaeae0}#timeline table{width:70%;margin:100px auto;border-collapse:collapse;box-shadow:0 0 10px 5px rgba(0,0,0,0.20);background:#278ab0}table em{color:#eaeae0;font-size:1em;font-style:italic;letter-spacing:1px}table h2{color:#1dc690;font-size:1.4em;font-weight:normal;letter-spacing:1px}table h3,table h4{font-size:1em}table h4{font-size:1em;font-weight:normal}tr td:last-child{padding-right:10px}.experience-date{display:initial}table td[colspan="5"]{text-align:center;border-top:2px solid #eaeae0}table span{font-size:2em;font-weight:bold;font-family:'Oswald',sans-serif}.year-cell{padding:0 30px}.year-cell div{display:flex;justify-content:center;flex-flow:column wrap;margin:auto;text-align:center}tr.is-visible.ease-in-left{animation:ease-in-left 1s cubic-bezier(0.39,0.575,0.565,1)}tr.is-visible.ease-in-right{animation:ease-in-right 1s cubic-bezier(0.39,0.575,0.565,1)}#contact{width:100%;padding:100px 0;background:#eaeae0}.contact-form{width:60%;box-shadow:0 0 10px 5px rgba(0,0,0,0.20);margin:auto;padding:30px;justify-content:space-between;align-items:center;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;background:#1c4670;color:#eaeae0}.contact-form h2{text-align:center;letter-spacing:1px;color:#eaeae0;font-size:1.4em}.contact-form form{margin:30px 0;width:75%;height:auto;justify-content:space-between;display:flex;flex-flow:column nowrap}.g-recaptcha{align-self:center;margin:20px 0}#contact em.is-visible{animation:ease-in-right .5s cubic-bezier(0.39,0.575,0.565,1);font-weight:bold;display:none}input#sender-email{height:30px;font-size:1.4em}.contact-form button.is-visible{animation:hvr-wobble-vertical 1s 2 cubic-bezier(0.39,0.575,0.565,1)}footer{width:100%;background:#278ab0;text-align:center;color:#eaeae0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}footer img{width:50px;height:auto;margin:8px 20px}@keyframes skill-bar-grow{from{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes ease-in-right{from{transform:translateX(500px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes ease-in-left{from{transform:translateX(-500px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}