.hidden{opacity:0}.b-to-w{-webkit-animation-name:btow;animation-name:btow;-webkit-animation-duration:10s;animation-duration:10s}@-webkit-keyframes btow{from{color:#fff}to{color:#000}}@keyframes btow{from{color:#fff}to{color:#000}}@-webkit-keyframes btow2{from{background-color:transparent}to{background-color:#fdc028}}@keyframes btow2{from{background-color:transparent}to{background-color:#fdc028}}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%, -50%, 0);transform:translate3d(100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%, -50%, 0);transform:translate3d(100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInBotLeft{from{opacity:0;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInBotLeft{from{opacity:0;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBotLeft{-webkit-animation-name:fadeInBotLeft;animation-name:fadeInBotLeft;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInBottom{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInBottom{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBottom{-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInBotRight{from{opacity:0;-webkit-transform:translate3d(100%, -50%, 0);transform:translate3d(100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInBotRight{from{opacity:0;-webkit-transform:translate3d(100%, -50%, 0);transform:translate3d(100%, -50%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBotRight{-webkit-animation-name:fadeInBotRight;animation-name:fadeInBotRight;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{from{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}@keyframes fadeIn{from{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes switched{from{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes switched{from{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes jump{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}25%{transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px)}50%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}100%{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px)}}.rotateY{-webkit-animation-name:rotateY;animation-name:rotateY;-webkit-animation-duration:3s;animation-duration:3s;animation-iteration-count:1}@-webkit-keyframes rotateY{from{transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0)}to{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg)}}@keyframes rotateY{from{transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0)}to{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg)}}html{scroll-behavior:smooth}body{font-family:"abril_fatfaceregular",serif;padding:0;margin:0}.text-center{text-align:center}.no-display{display:none}.title{position:relative;padding-left:5%;font-size:1.8em;font-weight:500}.title::before{content:url("../img/round.png");padding-right:2%}@media(min-width: 768px){.title::after{content:"";border-bottom:1px solid #000;position:absolute;width:40%;top:50%;margin-left:5%}}@media(min-width: 960px){.title{font-size:2.5em}}.yellow{color:#fdc028}.john{font-family:"big_johnregular",sans-serif}.inBottom{opacity:0}.toggle-content{transition:all .7s ease;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease}.toggle-content.hidden{height:0;overflow:hidden}.over1,.over2{position:relative;z-index:2}.over1::before{background:url(../img/over1.png)}.over2::before{background:url(../img/noise2.png)}.over1::before,.over2::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.row{padding:20px 40px}button{background:none;border:none}.btn,button{text-align:center;padding:.7em;border:solid 1px #000;font-family:"big_johnregular",sans-serif;margin-top:30px;display:inline-block}.btn:hover,button:hover{transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s;color:#fdc028;border-color:#fdc028}header{height:100vh;background:url("../img/bg-home2.jpg") no-repeat 0 0;background-size:cover;position:relative}@media(min-width: 960px){header{overflow:hidden}}#header-top{display:flex;justify-content:space-between}#logo{width:208px;height:208px;position:relative;top:-70px;left:-30px;border-radius:50%;animation-name:btow2;animation-iteration-count:1;animation-duration:8s;animation-fill-mode:both}@media(min-width: 768px){#logo{width:300px;height:300px;top:-120px;left:-40px}}@media(min-width: 960px){#logo:hover{border-radius:25%;transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}}#logo p{position:relative;font-size:25px;margin:0;padding:20px;top:80px;left:30px;font-family:"big_johnregular",sans-serif}@media(min-width: 768px){#logo p{font-size:30px;padding:20px;top:130px;left:60px}}nav{padding:2px 2px 0px 0;text-align:right;min-width:150px}nav ul{list-style-type:none;padding:0;font-family:"abril_fatfaceregular",serif;background:rgba(0,0,0,.4);padding:.5em}nav ul li{margin:15px 0;border-bottom:1px solid #fdc028;border-right:1px solid #fdc028;padding:2%;color:#fdc028}nav ul li:hover{border-color:#fff;transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}nav #menu{position:relative;width:50px;height:50px;display:inline-block}nav #menu .menu-bar{height:6px;width:100%;background:#000;display:block;margin:6px 0;right:0}nav #menu .menu-bar:nth-of-type(2){width:70%;margin-left:30%}nav #menu:hover .menu-bar{width:70%;background:#fdc028;transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}#header-txt{position:absolute;top:40vh;width:100%}#header-txt h1{font-size:3em;margin-top:0;font-family:"abril_fatfaceregular",serif;color:#000}@media(min-width: 960px){#header-txt h1{font-size:5em}#header-txt h1:hover{color:#777;transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}#header-txt h1:hover~h2{transform:scale(2);color:#000 !important;transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}}@media(min-width: 1200px){#header-txt h1{font-size:8em}}#header-txt h1::before{content:url("../img/round.png");width:30px;height:30px;padding-right:100px;vertical-align:text-top}#header-txt h1::after{content:url("../img/round.png");width:30px;height:30px;padding-left:100px;vertical-align:text-top}#header-txt h2{font-family:"abril_fatfaceregular",serif;color:#777}#arrow-bottom{position:absolute;bottom:20px;width:100%}#arrow-bottom img{background:rgba(0,0,0,.35);border-radius:100%}#portfolio{font-family:"big_johnregular",sans-serif}#portfolio .portfolio-row{width:100%;overflow:hidden;background-color:#000}#portfolio .half,#portfolio .third{width:100%;height:340px;background-size:cover;position:relative;opacity:0;background-color:#202728;background-size:cover !important}@media(min-width: 768px){#portfolio .half,#portfolio .third{width:70%;height:340px}}@media(min-width: 960px){#portfolio .half,#portfolio .third{width:50%;height:440px}}@media(min-width: 1200px){#portfolio .half,#portfolio .third{height:540px}}#portfolio .half:hover .project-infos,#portfolio .third:hover .project-infos{opacity:1;background:rgba(255,255,255,.7);transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}@media(min-width: 768px){#portfolio .third{width:70%;height:340px}}@media(min-width: 960px){#portfolio .third{width:33.333%;height:440px}}@media(min-width: 1200px){#portfolio .third{height:540px}}.project-infos{opacity:0;text-align:center;padding:2%}.project-infos ul{margin:0;padding:0;list-style-type:none}.project-infos ul::after{content:"...";color:#fdc028;font-size:40px}.project-legend{color:#fff;background:#fdc028;max-width:200px;text-align:center;padding:3% 6%;position:absolute;bottom:0}.project-legend .pop2{display:none}.project-legend:hover{background:rgba(255,255,255,.8);color:#000;transition:all ease .7s;-webkit-transition:all ease .7s;-moz-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}.project-legend:hover a{color:#000}.project-legend:hover .pop2{display:block}#legend-bis{right:0}#projectA{background:url("../img/project_wd.jpg") center no-repeat}#project-A-2{background:url("../img/project-tanquerel_960.jpg") center no-repeat}#project-jerome{background:url("../img/project-vcard.jpg") center no-repeat}#projectB{background:url("../img/projet-isolschool_640.jpg") center no-repeat}#projectC{background:url("../img/project-torelli_540.jpg") center no-repeat}#project1{background:url("../img/project-amh.jpg") center no-repeat}#project2{background:url("../img/projet-mairie_960.jpg") center no-repeat}#project3{background:url("../img/project-lamont.jpg") center no-repeat}#project4{background:url("../img/projet4.jpg") center no-repeat}#project5{background:url("../img/projet5.jpg") center no-repeat}#about{min-height:540px;position:relative;z-index:2}#about:hover #text-about::before,#about:hover #text-about::after{animation:jump 8s linear infinite;-webkit-animation:jump 8s linear infinite}#text-about{width:60%;margin:0 auto;padding:5% 10%;text-align:center;font-family:"abril_fatfaceregular",serif;position:relative}#text-about::before{content:url("../img/lign.png");position:absolute;left:0}#text-about::after{content:url("../img/lign.png");position:absolute;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);top:50%}#text-about h1{font-size:3rem}#text-about p{color:#777;line-height:1.6}#text-about #me{width:150px;border-radius:50%}.timeline{list-style-type:none;padding:0;margin:0 auto 80px auto;position:relative;z-index:1;max-width:300px}@media(min-width: 768px){.timeline{max-width:684px}}.timeline::before{content:"";display:block;position:absolute;background:#ccc;width:4px;height:100%;top:0;left:100%;z-index:2}@media(min-width: 768px){.timeline::before{left:50%}}.timeline li{padding:20px;margin:20px;max-width:300px;box-sizing:border-box;position:relative;transition:all .7s linear;opacity:0;background-color:#fdc028}.timeline li.visible{opacity:1}.timeline li p{color:#777}.timeline li::after{content:"";display:block;position:absolute;width:30px;height:30px;border-radius:30px;background:inherit;top:calc(50% - 15px);z-index:999;left:calc(100% + 7.5px)}@media(min-width: 768px){.timeline li::after{left:50%}}@media(min-width: 768px){.timeline li{width:300px}.timeline li:nth-of-type(odd){left:0}.timeline li:nth-of-type(odd)::after{left:calc(100% + 9.5px)}.timeline li:nth-of-type(even){left:calc(50% + 4px)}.timeline li:nth-of-type(even)::after{left:-35.5px}}.timeline time{font-weight:900;font-family:"big_johnregular",sans-serif}#skills{background:url("../img/bg2.jpg") center no-repeat;background-size:cover;min-height:540px;background-attachment:fixed;color:#fff;padding:5% 1%}#skills .flex{padding-top:10%;list-style-type:none;margin:0}#skills .flex li{width:33%;font-family:"big_johnregular",sans-serif;padding-bottom:40px}#skills .flex li:hover{animation:switched 1.5s}#skills i{font-size:60px;color:#fdc028}.the-skills{width:100%;position:relative}@media(min-width: 960px){.the-skills{width:50%}}.the-skills:first-child::after{content:url("../img/lign.png");position:absolute;right:0;top:0}#skills h2,#skills h3{font-family:"abril_fatfaceregular",serif;font-size:2.5rem;font-weight:normal;margin:30px 0}footer{padding:2%;position:relative;z-index:2}footer p{color:#777;text-align:left}@media(min-width: 960px){footer p{text-align:center}}footer .flex div{width:33%;padding-top:2%;min-width:350px}/*# sourceMappingURL=global.css.map */