body{font-family:Montserrat,sans-serif;margin:0;padding:0}header{background-color:#333;color:#fff;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:1000}.container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:80%}nav ul{display:flex;list-style:none;margin:0;padding:0}nav li{margin-right:20px}nav a{color:#fff;font-weight:700;position:relative;text-decoration:none;transition:color .3s ease}nav a:hover{color:#fc0}nav a:before{background-color:#fc0;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom center;transition:transform .3s ease;width:100%}nav a:hover:before{transform:scaleX(1);transform-origin:bottom center}h1{margin:0}:root{--primary-color:#14b1b180;--overlay-color:#182733d9;--menu-speed:0.75s}.menu-wrap{position:fixed;right:0;top:-8px;z-index:1}.menu-wrap .toggler{cursor:pointer;height:35px;opacity:0;position:absolute;right:18px;top:25px;width:50px;z-index:2}.menu-wrap .hamburger{height:60px;padding:1rem;position:absolute;right:0;top:0;width:60px;z-index:1}.menu-wrap .hamburger,.menu-wrap .hamburger>div{align-items:center;display:flex;justify-content:center}.menu-wrap .hamburger>div{background-color:#fff;height:2px;position:relative;transition:all .4s ease;width:70%}.menu-wrap .hamburger>div:after,.menu-wrap .hamburger>div:before{background:inherit;content:"";height:2px;position:absolute;top:-10px;width:100%;z-index:1}.menu-wrap .hamburger>div:after{top:10px}.menu-wrap .toggler:checked+.hamburger>div{transform:rotate(135deg)}.menu-wrap .toggler:checked+.hamburger>div:after,.menu-wrap .toggler:checked+.hamburger>div:before{top:0;transform:rotate(90deg)}.menu-wrap .toggler:checked:hover+.hamburger>div{transform:rotate(225deg)}.menu-wrap .toggler:checked~.menu{visibility:visible}.menu-wrap .toggler:checked~.menu>div{transform:scale(1);transition-duration:.75s;transition-duration:var(--menu-speed)}.menu-wrap .toggler:checked~.menu>div>div{opacity:1;transition:opacity .4s ease}.menu-wrap .menu{height:100%;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden;width:100%}.menu-wrap .menu,.menu-wrap .menu>div{align-items:center;display:flex;justify-content:center}.menu-wrap .menu>div{background-color:#182733d9;background-color:var(--overlay-color);border-radius:50%;flex:none;height:200vw;transform:scale(0);transition:all .4s ease;width:200vw}.menu-wrap .menu>div>div{max-height:100vh;max-width:90vw;opacity:0;text-align:center;transition:opacity .4s ease}.menu-wrap .menu>div>div>ul>li{color:#fff;font-size:1.5rem;list-style:none;padding:1rem}.menu-wrap .menu>div>div>ul>li>a{color:inherit;text-decoration:none;transition:color .4s ease}#accueil{display:flex;flex-wrap:wrap;height:100vh;justify-content:center}#accueil .image,#accueil .texte{flex:1 1 100%;margin:20px 0;max-width:900px;text-align:center}#accueil .image{margin-top:100px}#accueil .image img{height:auto;max-width:100%}#competences{padding-top:80px}#competences .row{text-align:center}.card{border-radius:.75em;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:inline-block;margin:20px 15px;max-width:250px;padding:0;position:relative;vertical-align:top;width:100%}.card-top{border-top-left-radius:.75em;border-top-right-radius:.75em;padding:2em;.card-img{display:block;height:10em;margin-left:auto;margin-right:auto;width:auto}}.card-middle{background:#efefef;border-bottom-left-radius:.75em;border-bottom-right-radius:.75em;overflow:hidden;padding:2em 1em 1em;transition:max-height .8s ease;.more{font-weight:400}}.triangle{border-left:1.5em solid #0000;border-right:1.5em solid #0000;border-top:1.5em solid #b2dce5;height:0;margin:0 auto -1.75em;position:relative;top:-.25em;width:0;z-index:20}.circle-button{background:#fff;border:none;border-radius:50%;bottom:0;box-shadow:0 3px 6px rgba(0,0,0,.275);color:#fff;cursor:pointer;font-size:1.5em;height:50px;left:15px;outline:none;position:absolute;right:3.5em;top:190px;transition:all .3s ease;width:50px;z-index:20;.close{transition:transform .4s ease}&:hover{box-shadow:0 6px 12px rgba(0,0,0,.275)}}.closeRotate{transform:rotate(45deg)}.timeline--wrapper{padding:12px;width:calc(100% - 24px)}.timeline{margin:50px auto;max-width:800px;padding:15px 0 0;position:relative;width:100%}.timeline:before{border:2px solid;bottom:0;content:"";left:calc(33% + 6px);position:absolute;top:0;width:0}.timeline:after{clear:both;content:"";display:table}@media only screen and (max-width:768px){.timeline:before{left:calc(1% + 6px)}}.body-container{margin-left:30px;position:relative}.timeline-item--no-children .body-container{background:#0000;box-shadow:none}.body-container:after{clear:both;content:"";display:table}.timeline-item-date{background:#ddd;box-sizing:border-box;height:52px;left:0;padding:1px;position:absolute;top:-12px;width:90%}.timeline-item-date,.timeline-item-dateinner{-webkit-clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%);clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%)}.timeline-item-dateinner{background:#e86971;border-right-color:#0000;color:#fff;display:block;font-size:16px;font-weight:700;height:50px;line-height:52px;margin:0;padding:0;text-indent:15px;width:100%}.timeline-item--no-children .body-container:before{display:none}.entry{clear:both;position:relative;text-align:left}.timeline--animate .entry .is-hidden{visibility:hidden}.timeline--animate .entry .bounce-in{animation:bounce-in .4s;visibility:visible}.entry .title{float:left;height:32px;margin-bottom:.5em;position:relative;width:34%}.entry .title:before{background-color:#fff;border:4px solid;border-radius:100%;box-sizing:initial;content:"";height:8px;position:absolute;right:-8px;top:15%;width:8px;z-index:99}.entry .body{color:#333;float:right;margin:0 0 3em;width:66%}.entry .body p{line-height:1.4em}.entry .body h1,.entry .body h2,.entry .body h3,.entry .body h4,.entry .body h5,.entry .body h6{margin:0}.entry .body p:first-child{font-weight:400;margin-top:0}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}to{transform:scale(1)}}@media only screen and (max-width:768px){.entry .title{float:left;width:70%}.timeline-item-date{margin-left:30px}.entry .title:before{left:3px;right:auto;top:15%;z-index:99}.entry .body{float:right;margin:20px 0 3em;width:99%}}#experiences{padding-top:50px}#portfolio{padding-top:90px}.portfolio-container{display:flex;flex-wrap:wrap;justify-content:center}.card-background{background-color:#ededed;height:400px;margin:15px;position:relative;width:400px}.card-portfolio{background-clip:padding-box;background-color:#fff;border-radius:3px;box-shadow:0 5px 10px #0000004d;box-sizing:border-box;display:inline-block;height:100px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width 325ms cubic-bezier(.4,0,.2,1) 75ms,height 325ms cubic-bezier(.4,0,.2,1);width:100px}.card-portfolio.full{height:350px;transition:width 325ms cubic-bezier(.4,0,.2,1),height 325ms cubic-bezier(.4,0,.2,1) 75ms;width:350px}.card-portfolio.full .description{opacity:1;transition:325ms cubic-bezier(.4,0,.2,1)}.card-portfolio .image{background-clip:padding-box;background-position:30%;background-size:cover;border-radius:3px 3px 0 0;cursor:pointer;display:block;height:210px}.card-portfolio .description{display:flex;flex-direction:column;opacity:0;overflow:hidden;padding:20px 35px 35px;transition:325ms cubic-bezier(.4,0,.2,1)}.card-portfolio .description .text-1{padding-bottom:20px}.card-portfolio .description .links{display:flex;justify-content:space-between}.card-portfolio .description .links a{color:grey;text-align:center;text-decoration:none}.card-portfolio .description .links a:hover{color:#000}#contact{padding-top:70px}.containerContact{background:#fff;border-radius:1em;box-shadow:0 0 10px #0000001a;margin:30px auto;max-width:800px;padding:25px 40px 10px;width:80%}.containerContact .text{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(right,#fc0,#ff923c,#fc0,#ff923c);-webkit-background-clip:text;font-size:41px;font-weight:600;text-align:center}.containerContact form{padding:30px 0 0}.containerContact form .form-row{display:flex;margin:32px 0}form .form-row .input-data{height:40px;margin:0 20px;position:relative;width:100%}form .form-row .textarea{height:70px}.input-data input,.textarea textarea{border:none;border-bottom:2px solid #0000001f;display:block;font-family:Montserrat,sans-serif;font-size:17px;height:100%;outline:none!important;width:100%}.input-data input:focus~label,.input-data input:valid~label,.input-data input[data-filled=true]~label,.textarea textarea:focus~label,.textarea textarea:valid~label{color:#3498db;font-size:14px;transform:translateY(-20px)}.textarea textarea{padding-top:10px;resize:none}.input-data label{bottom:10px;font-size:16px;pointer-events:none;position:absolute;transition:all .3s ease}.textarea label{background:#fff;bottom:40px;width:100%}.input-data .underline{bottom:0;height:2px;position:absolute;width:100%}.input-data .underline:before{background:#3498db;bottom:-4px;content:"";height:2px;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;width:101%}.textarea .underline:before{bottom:-14px}.input-data input:focus~.underline:before,.input-data input:valid~.underline:before,.input-data input[data-filled=true]~.underline:before,.textarea textarea:focus~.underline:before,.textarea textarea:valid~.underline:before{transform:scale(1)}.submit-btn{display:flex;justify-content:center;padding-bottom:50px}.submit-btn .input-data{height:45px!important;overflow:hidden;width:25%!important}.submit-btn .input-data .inner{background:-webkit-linear-gradient(right,#ffbf00,#ff923c,#ffbf00,#ff923c);background-size:200% 100%;height:100%;left:0;position:absolute;transition:all .3s ease-in-out;width:100%}.submit-btn .input-data:hover .inner{background-position:100%}.submit-btn .input-data input{background:none;border:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:2}@media (max-width:920px){.containerContact .text{font-size:30px}.containerContact form{padding:10px 0 0}.containerContact form .form-row{display:flex;flex-wrap:wrap}form .form-row .input-data{margin:15px 0!important}.submit-btn .input-data{width:30%!important}}footer{background-color:#333;color:#fff;margin-top:150px;padding:20px 0}.containerFooter{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:80%}.social-icons a{color:#fff;font-size:18px;margin-right:20px;text-decoration:none}.footer-text{font-size:14px}@media (max-width:768px){.containerFooter{align-items:center;flex-direction:column}.social-icons{margin-bottom:20px}}
/*# sourceMappingURL=main.5691ad2a.css.map*/