body,html{padding:0;margin:0;background-color:#f0f0f0;min-height:100%!important;height:100%}h1{margin:0}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}.LayoutHorizontal{display:flex;align-items:center}.LoyoutVertical{display:flex;flex-direction:column}.center{justify-content:center}.center,.center-vertical{display:flex;align-items:center}.center-vertical{flex-direction:column}.pg2{padding:2em}.h100{height:100%}.w1000{width:100%}.ml50{margin-left:50px}.underlinexxs{margin-top:1em;margin-bottom:2em;width:10em;height:3px;background-color:brown}.video{max-width:100%;max-height:50%}.index .one{height:100vh}.index .one,.index .two{position:relative;min-height:100%;width:100%}.index .two{background-color:#fff}.index .two h1{text-align:center}.index .two .competences{width:90%;min-width:200px;display:flex;flex-wrap:wrap;justify-content:space-between}.index .two .competences .competenceLeft,.index .two .competences .competenceRight{width:48%;margin-bottom:2em}@media screen and (max-width:500px){.index .two .competences .competenceLeft,.index .two .competences .competenceRight{width:100%}}.index .two .competences .competenceLeft .title,.index .two .competences .competenceRight .title{color:#2a2a2a;display:block;margin:0 0 9px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.index .two .competences .competenceLeft .description,.index .two .competences .competenceRight .description{width:100%}@media screen and (max-width:500px){.index .two .competences .competenceLeft .description,.index .two .competences .competenceRight .description{width:100%}}.index .two .competences .competenceLeft{display:flex;flex-direction:column;text-align:right;align-items:flex-end;height:100px}@media screen and (max-width:500px){.index .two .competences .competenceLeft{text-align:center;align-items:center}}.index .two .competences .competenceRight{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;align-items:flex-start}@media screen and (max-width:500px){.index .two .competences .competenceRight{text-align:center;align-items:center}}.index .three{position:relative;min-height:100%;width:100%;background-color:#fff;padding-bottom:150px}.index .three .container{background-color:#151414;width:100%;height:50vh;color:#fff;text-align:center}@media screen and (max-width:770px){.index .three .container{height:60vw}}.index .three .container .head{padding-bottom:1em;min-height:max-content}.index .three .container h3{padding-top:1em;margin:0}.index .three .container .img{-webkit-object-fit:contain;object-fit:contain;width:100%!important;height:unset!important;margin-bottom:-150px}.index .competencesT{width:100%;min-height:30vh;background-color:#fff}.index .competencesT h1{width:100%;text-align:center;color:#707070;padding-right:1em}.index .competencesT .competencesTC{margin:0 auto;display:flex;justify-content:space-between;width:95%}@media screen and (max-width:500px){.index .competencesT .competencesTC{flex-direction:column}}.index .competencesT .competencesTC .items{width:40%;padding-bottom:2em}@media screen and (max-width:500px){.index .competencesT .competencesTC .items{width:100%}}.index .competencesT .competencesTC .items .container{width:100%;background-color:#ddd;border-radius:5px;height:20px}.index .competencesT .competencesTC .items .skills{display:flex;align-items:center;justify-content:flex-end;text-align:right;color:#fff;padding-right:5px;font-size:.8em;height:20px}.index .competencesT .competencesTC .items .html{width:90%;background-color:#04aa6d;border-bottom-left-radius:5px}.index .competencesT .competencesTC .items .css{width:90%;background-color:#2196f3;border-bottom-left-radius:5px}.index .competencesT .competencesTC .items .js{width:95%;background-color:#f44336;border-bottom-left-radius:5px}.index .competencesT .competencesTC .items .php{width:60%;background-color:grey;border-bottom-left-radius:5px}.index .competencesT .competencesTC .items .python{width:60%;background-color:#2196f3;border-bottom-left-radius:5px}.index .competencesT .competencesTC .items .matlab{width:80%;background-color:#2196f3;border-bottom-left-radius:5px}.index .competencesT .competencesTC .items .next{width:80%;background-color:#04aa6d;border-top-left-radius:5px}.index .competencesT .competencesTC .items .react{width:80%;background-color:#2196f3;border-top-left-radius:5px}.index .competencesT .competencesTC .items .node{width:85%;background-color:#f44336;border-top-left-radius:5px}.index .competencesT .competencesTC .items .android{width:85%;background-color:orange;border-top-left-radius:5px}.index .competencesT .competencesTC .items .database{margin:1em auto;display:flex;justify-content:space-between}.index .competencesT .competencesTC .items .database .aws,.index .competencesT .competencesTC .items .database .mongo,.index .competencesT .competencesTC .items .database .mysql,.index .competencesT .competencesTC .items .database .postgre{width:70px;height:70px;background-repeat:no-repeat;background-size:contain;background-position:50%}.index .competencesT .competencesTC .items .database .mongo{background-image:url(/images/mongo.png)}.index .competencesT .competencesTC .items .database .postgre{background-image:url(/images/postgre.png);background-size:250px}.index .competencesT .competencesTC .items .database .mysql{background-image:url(/images/mysql.png)}.index .competencesT .competencesTC .items .database .aws{background-image:url(/images/aws.png)}.index .four{width:100%;min-height:100vh;display:flex;flex-direction:row;align-items:flex-end}.index .four .portfolio{padding:1em;position:relative;width:100%;background-color:#fff}@media screen and (max-width:500px){.index .four .portfolio{padding:0}}.index .four .portfolio h1{text-align:center;margin:1em}.index .four .portfolio .projets{margin:0 auto;display:flex;flex-wrap:wrap}.index .four .portfolio .projets .projet{margin:1em;width:370px;background-color:#fff;-webkit-box-shadow:0 7px 29px 0 rgba(100,100,111,.2);box-shadow:0 7px 29px 0 rgba(100,100,111,.2);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}@media screen and (max-width:500px){.index .four .portfolio .projets .projet{flex-direction:column;width:100%;max-height:none}}.index .four .portfolio .projets .projet .description{width:100%;height:100%;padding:0 1em 1em;text-align:justify}.index .four .portfolio .projets .projet .img{border-top-left-radius:10px;border-top-right-radius:10px;width:370px;height:180px;background-size:contain;background-repeat:no-repeat;background-position:0}@media screen and (max-width:500px){.index .four .portfolio .projets .projet .img{width:calc(100vw - 40px)}}.index .four .portfolio .projets .projet .my-app{background-image:url(/images/my-app.png)}.index .four .portfolio .projets .projet .ga-eilco{background-image:url(/images/ga-eilco.png)}.index .four .portfolio .projets .projet .mon-cv{background-image:url(/images/cv.png);background-position:100%;background-size:cover}.index .four .portfolio .projets .projet .auth{background-image:url(/images/auth.png);background-position:100%;background-size:cover}.index .four .portfolio .projets .projet .covid{background-image:url(/images/covid.png);background-position:100%;background-size:cover}.index .four .portfolio .projets .projet .phenix{background-image:url(/images/phenix.jpg)}.index .four .portfolio .projets .projet .desc{padding:1em}.index .four .portfolio .projets .projet .desc .title{border-bottom:3px double #00f;width:-moz-fit-content;width:fit-content;margin-bottom:1em}.index .four .portfolio .projets .projet .desc .stack{display:flex;flex-wrap:wrap;width:100%}.index .four .portfolio .projets .projet .desc .stack div{background-color:#f9f9f9;padding:3px;margin:2px}.index .four .portfolio .projets .projet .desc .linkzone{padding:.5em;color:#00f}.index .desable{pointer-events:none}.index .lastbtn{margin:0 auto;width:100%;text-align:center;padding:3em;background-color:#fff;display:flex;justify-content:center;align-items:center}.index .lastbtn .btn{background-color:#f08800;width:-moz-fit-content;width:fit-content;padding:1em;cursor:pointer;margin-right:40px}.untitled{width:100vw;height:100vh;overflow:hidden;position:absolute;height:100%;width:100%;-webkit-animation:rotateHue 15s linear infinite;animation:rotateHue 15s linear infinite;-webkit-animation-delay:.625s;animation-delay:.625s}@-webkit-keyframes rotateHue{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}45%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}70%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}95%{filter:hue-rotate(270deg)}to{filter:hue-rotate(1turn)}}@keyframes rotateHue{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}45%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}70%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}95%{filter:hue-rotate(270deg)}to{filter:hue-rotate(1turn)}}.untitled__shutters{position:absolute;height:150vmax;width:150vmax;left:calc(50% - 75vmax);top:calc(50% - 75vmax);pointer-events:none;z-index:2;-webkit-animation:rotateFrame 10s linear infinite;animation:rotateFrame 10s linear infinite}@-webkit-keyframes rotateFrame{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotateFrame{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.untitled__shutters:after,.untitled__shutters:before{content:"";position:absolute;height:100%;width:100%;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);background-color:#b3401a;pointer-events:auto}.untitled__shutters:before{bottom:50%;-webkit-animation:openTop 5s infinite;animation:openTop 5s infinite}@-webkit-keyframes openTop{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.8,0,.1,1);animation-timing-function:cubic-bezier(.8,0,.1,1)}40%{-webkit-transform:translate3d(-50%,-65vmax,0);transform:translate3d(-50%,-65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}70%{-webkit-transform:translate3d(-50%,-65vmax,0);transform:translate3d(-50%,-65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.335);animation-timing-function:cubic-bezier(.6,.04,.98,.335)}}@keyframes openTop{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.8,0,.1,1);animation-timing-function:cubic-bezier(.8,0,.1,1)}40%{-webkit-transform:translate3d(-50%,-65vmax,0);transform:translate3d(-50%,-65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}70%{-webkit-transform:translate3d(-50%,-65vmax,0);transform:translate3d(-50%,-65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.335);animation-timing-function:cubic-bezier(.6,.04,.98,.335)}}.untitled__shutters:after{top:50%;-webkit-animation:openBottom 5s infinite;animation:openBottom 5s infinite}@-webkit-keyframes openBottom{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.8,0,.1,1);animation-timing-function:cubic-bezier(.8,0,.1,1)}40%{-webkit-transform:translate3d(-50%,65vmax,0);transform:translate3d(-50%,65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}70%{-webkit-transform:translate3d(-50%,65vmax,0);transform:translate3d(-50%,65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.335);animation-timing-function:cubic-bezier(.6,.04,.98,.335)}}@keyframes openBottom{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.8,0,.1,1);animation-timing-function:cubic-bezier(.8,0,.1,1)}40%{-webkit-transform:translate3d(-50%,65vmax,0);transform:translate3d(-50%,65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}70%{-webkit-transform:translate3d(-50%,65vmax,0);transform:translate3d(-50%,65vmax,0);animation-timing-functon:cubic-bezier(.6,.04,.98,.335)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.335);animation-timing-function:cubic-bezier(.6,.04,.98,.335)}}.untitled__slides{top:0;left:0;background-color:#b3401a}.untitled__slide,.untitled__slides{position:absolute;height:100%;width:100%}.untitled__slide{opacity:0;-webkit-animation:showHideSlide 15s steps(1) infinite;animation:showHideSlide 15s steps(1) infinite}@-webkit-keyframes showHideSlide{0%{opacity:1;pointer-events:auto;z-index:1}33.3333333333%{opacity:0;pointer-events:none;z-index:-1}to{opacity:0;pointer-events:none;z-index:-1}}@keyframes showHideSlide{0%{opacity:1;pointer-events:auto;z-index:1}33.3333333333%{opacity:0;pointer-events:none;z-index:-1}to{opacity:0;pointer-events:none;z-index:-1}}.untitled__slide:first-child{-webkit-animation-delay:0s;animation-delay:0s}.untitled__slide:first-child .untitled__slideBg{background-image:url(/images/un.jpg)}.untitled__slide:nth-child(2){-webkit-animation-delay:5s;animation-delay:5s}.untitled__slide:nth-child(2) .untitled__slideBg{background-image:url(/images/deux.jpg)}.untitled__slide:nth-child(3){-webkit-animation-delay:10s;animation-delay:10s}.untitled__slide:nth-child(3) .untitled__slideBg{background-image:url(/images/trois.jpg)}.untitled__slideBg{position:relative;height:100%;width:100%;top:0;left:0;background-size:cover;background-position:50%;background-color:#b3401a;background-blend-mode:hard-light;opacity:1;z-index:-1;-webkit-animation:bgInOut 5s infinite;animation:bgInOut 5s infinite}@-webkit-keyframes bgInOut{0%{-webkit-transform:rotate(-45deg) scale(1.1);transform:rotate(-45deg) scale(1.1);-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1)}33%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}66%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:cubic-bezier(.895,.03,.685,.22);animation-timing-function:cubic-bezier(.895,.03,.685,.22)}to{-webkit-transform:rotate(45deg) scale(.9);transform:rotate(45deg) scale(.9)}}@keyframes bgInOut{0%{-webkit-transform:rotate(-45deg) scale(1.1);transform:rotate(-45deg) scale(1.1);-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1)}33%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}66%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-timing-function:cubic-bezier(.895,.03,.685,.22);animation-timing-function:cubic-bezier(.895,.03,.685,.22)}to{-webkit-transform:rotate(45deg) scale(.9);transform:rotate(45deg) scale(.9)}}.untitled__slideContent{display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#fff;font-family:Abril Fatface,sans-serif;line-height:.8;letter-spacing:-.025em;z-index:2;opacity:1;background-color:rgba(0,0,0,.322)}.untitled__slideContent span{text-align:center;display:block;font-size:5vmin;font-weight:700;line-height:2;width:100%;margin:0 auto}.untitled__slideContent div{display:flex;width:200px;margin:2em auto;color:#ff0}.untitled__slideContent p{margin:2em auto;text-align:center;font-weight:700;line-height:3}.untitled__slideContent .emojis{background-blend-mode:inherit;color:#fff;width:100%;text-align:center;justify-content:center}.untitled .button{font-family:Roboto Mono,sans-serif;text-decoration:none;font-weight:800;text-transform:uppercase;font-size:2vmin;display:inline-block;position:relative;border:3px solid #fff;-webkit-box-shadow:-.5vmin .5vmin 0 hsla(0,0%,100%,.5);box-shadow:-.5vmin .5vmin 0 hsla(0,0%,100%,.5);background:transparent;margin-top:5vmin;mix-blend-mode:lighten;color:#fff;padding:2vmin 2vmin 1.8vmin;letter-spacing:.1em;text-shadow:none;line-height:1;-webkit-transform:translate3d(.5vmin,-.5vmin,0);transform:translate3d(.5vmin,-.5vmin,0);-webkit-transition:all .1s linear;transition:all .1s linear}.untitled .button:hover{-webkit-transform:translate3d(1vmin,-1vmin,0);transform:translate3d(1vmin,-1vmin,0);-webkit-box-shadow:-1vmin 1vmin 0 hsla(0,0%,100%,.5);box-shadow:-1vmin 1vmin 0 hsla(0,0%,100%,.5);background:#fff;color:#000}.untitled .button:active{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 0 hsla(0,0%,100%,.5);box-shadow:0 0 0 hsla(0,0%,100%,.5)}.untitled .arrow,.untitled .arrow:before{position:absolute;left:50%;top:33em}.untitled .arrow{width:40px;height:40px;margin:-20px 0 0 -20px;-webkit-transform:rotate(45deg);border:2px solid #fff;border-top:none;border-left:none}.untitled .arrow:before{content:"";width:20px;height:20px;top:50%;margin:-10px 0 0 -10px;border:1px solid #fff;border-top:none;border-left:none;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:arrow;animation-name:arrow}@-webkit-keyframes arrow{0%{opacity:1}to{opacity:0;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}@keyframes arrow{0%{opacity:1}to{opacity:0;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}.script{max-width:100%;display:flex;flex-direction:column;text-align:left;align-items:flex-start;font-family:monospace}.script .balise{display:flex;flex-direction:row}.script .balise div{color:orange}.script p{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;-webkit-animation:typing 3.5s steps(30),blink-caret .5s step-end infinite;animation:typing 3.5s steps(30),blink-caret .5s step-end infinite}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}