*,:after,:before{box-sizing:border-box}body,html,img{padding:0;margin:0}a{color:inherit}a,a:hover{text-decoration:none}body{background-color:#dadada;font-family:Open Sans,sans-serif;-webkit-transition-duration:.3s;transition-duration:.3s;overflow-x:hidden}h1{font-size:35px}h2{font-size:26px}h2,p{margin:0;padding:0}.section{margin:50px 0;width:100%}.section .section-title{font-weight:700;margin-bottom:10px}.section .section-title:after{content:"";display:block;width:50%;height:5px;background:#2ea8d5;margin-top:7px;margin-bottom:10px}.section .title-center{text-align:center;margin-bottom:30px}.section .title-center.section-title:after{margin:0 auto}.section .container{margin-left:30px;margin-right:30px;padding:30px 0}.btn{border:1px solid #dadada;color:#dadada;cursor:pointer;text-transform:uppercase;border-radius:3px;font-size:19px;padding:10px 15px}.btn:hover{background:#dadada;color:#151515}@media only screen and (min-width:900px){.section .container{margin-left:100px;margin-right:100px}}.header:before{background:#151515;opacity:.5;position:absolute;content:"";display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.header .container{padding-top:50px;margin-left:100px;margin-right:100px}.header{background:no-repeat 50%/cover url(../media/img_header.8a365418.jpg);width:100%;color:#dadada}.header,.header .header-center,.header .header-topbar{position:relative}.header-topbar{display:flex;align-items:center;justify-content:space-between}.topbar-navigation{display:flex;align-items:center;-webkit-transition-property:background;transition-property:background}.header-center{text-align:center;margin:80px 0 10px}.header-center h1{margin-bottom:50px}.topbar-navigation-item{font-size:19px;padding:10px 15px;margin:0}.topbar-navigation-item:hover{cursor:pointer;background:#dadada;color:#151515;border-radius:3px}.topbar-logo{font-weight:700;font-size:30px}.topbar-logo:after{content:"";display:block;width:50%;height:5px;background:#2ea8d5;margin-top:7px}.topbar-logo span{text-transform:uppercase}@media only screen and (max-width:900px){.topbar-link-menu{display:block;height:40px;width:40px;background:no-repeat 50%/cover url(../media/menu-boot.7c8eadc1.svg)}.topbar-navigation{position:absolute;top:-50px;right:-230px;height:100vh;width:200px;background:#151515;display:none;align-items:center;flex-direction:column;z-index:3;opacity:.95}.topbar-navigation-item{display:block;margin-left:0;margin-right:0;width:100%;padding:20px 0;text-align:center}.topbar-logo{font-size:25px}.topbar-center h1{font-size:30px}.header .container{padding-bottom:50px;margin-left:30px;margin-right:30px}}@media only screen and (min-width:900px){.header{height:400px}.topbar-navigation-item{margin:0 5px}.topbar-link-menu{display:none}}.experiences .section-title:after{width:10%}.experience-items{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.experience-item{position:relative;width:40%;height:300px;color:#dadada}.experience-date{position:absolute;top:0;left:0;width:40%;height:20%;background:#2ea8d5;text-align:center;border-radius:3px;z-index:2}.experience-date p{font-weight:600;margin-top:10%}.experience-content{position:absolute;background:#151515;right:0;bottom:0;width:97%;height:97%;border-radius:3px;padding:15px;display:flex;align-items:flex-start;flex-direction:column}.experience-content-lieux,.experience-content-title{padding:0;margin:0 25px 0 43%}.experience-content-lieux{font-weight:200}.experience-content-title{margin-top:10px;margin-bottom:10px;font-weight:600}.experience-content-description{margin:80px 60px 60px;font-weight:400}@media only screen and (max-width:900px){.experience-items{flex-direction:column}.experience-item{width:80%;margin:30px 0}.experience-content{display:flex}.experience-content-description{margin:60px 50px;font-weight:400}.experience-item{width:90%;height:300px;color:#dadada}}.skills{background:#151515;color:#dadada;height:auto}.skills-button{display:flex;align-items:center;justify-content:space-around;width:50%;margin:0 auto}.skills .section-title:after{margin-top:5px;width:10%;height:4px}@media only screen and (max-width:900px){.skills{height:auto}.skills-button{width:50%;flex-direction:column}.skills-button .btn{margin:10px 0}}.skills-values{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;margin:40px}.skill-item{margin:20px;position:relative;height:200px;width:200px}canvas{position:absolute;top:0;right:0;left:0;bottom:0}.skill-input{position:absolute;top:50%;left:-12px;padding:0;text-align:center;line-height:0;margin:-9.5px 0 0;font-size:19px;background:none;color:#dadada;text-transform:uppercase;border:none;outline:none}@media only screen and (max-width:900px){.skills-values{flex-direction:column}.skill-item{margin:10px auto}}.portfolio{background:#151515;color:#dadada;width:100%}.portfolio .section-title:after{width:10%}.portfolio.section{margin-bottom:0}.portfolio-items{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap}.portfolio-item{position:relative;width:35%;height:200px;margin:20px}.portfolio-item img{width:100%;height:100%}.portfolio-item-content{background:#151515;opacity:.9;position:absolute;top:0;right:0;left:0;bottom:0;display:none;align-items:center;justify-content:center;flex-direction:column}.portfolio-item:hover .portfolio-item-content{display:flex}.portfolio-item:hover{-webkit-transform:scale(1.03);transform:scale(1.03);box-shadow:0 0 3px hsla(0,0%,85.5%,.4)}.portfolio-item .btn{margin:0 5px;font-size:14px;padding:8px 13px}@media only screen and (max-width:900px){.portfolio-items{flex-direction:column}.portfolio-item{width:80%;height:250px}.portfolio-item-content-links{display:flex;align-items:center;justify-content:center;flex-direction:column}.skill-input{left:-19px}.portfolio-item-content-links a{margin:20px 0}}.about .container{display:flex;align-items:center;justify-content:space-between;height:400px}.about .section{margin:30px}.about p{font-size:17px}.about-contact p{line-height:25px}.about-contact-name,.about-contact .parts{font-weight:600}.about-contact-name span{text-transform:uppercase}.about-content-description,.about-content-name{padding:10px 0}.about-content{display:flex;align-items:flex-start;justify-content:left;flex-direction:column;font-weight:400;width:40%;height:70%}.about-content-icons{display:flex;align-items:center;margin-top:20px}.icons-item{margin:0 5px}.icons-item:first-child{margin-left:0}.icons-item:last-child{margin-right:0}.about-img{width:40%;height:100%;background:no-repeat top/cover url(../media/moi.f7652db6.jpg)}@media only screen and (max-width:900px){.about .container{flex-direction:column;height:auto;justify-content:center}.about-img{display:none}.about-content{align-items:center;width:100%}}@media only screen and (min-width:900px){.about-content{margin:50px 0}}
/*# sourceMappingURL=main.ee317b63.chunk.css.map */