.contact{padding:2rem;width:100%}.contact,.contact .bloc-contact{display:flex;justify-content:center}.contact .bloc-contact{width:60%;flex-direction:column}.contact .bloc-contact .container{display:flex;justify-content:space-between;width:100%}.contact .bloc-contact .container .form .form-title{padding-bottom:1rem}.contact .bloc-contact .container .form .submit-btn{transition:all .3s ease-in-out}.contact .bloc-contact .container .form .submit-btn:active{transform:scale(.9)}.contact .bloc-contact .container .datas{display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:768px){.contact{padding:2rem}.contact,.contact .bloc-contact{display:flex;justify-content:center;width:100%}.contact .bloc-contact{flex-direction:column}.contact .bloc-contact .container{display:flex;justify-content:space-between;width:100%;flex-direction:column}.contact .bloc-contact .container .form{width:100%}.contact .bloc-contact .container .datas{display:flex;flex-direction:column;justify-content:left;align-items:flex-start;width:100%;padding-top:3rem}}@media(max-width:868px){.contact{padding:2rem}.contact,.contact .bloc-contact{display:flex;justify-content:center;width:100%}.contact .bloc-contact{flex-direction:column}.contact .bloc-contact .container{display:flex;justify-content:space-between;width:100%}.contact .bloc-contact .container .form .form-title{padding-bottom:1rem}.contact .bloc-contact .container .form .submit-btn{transition:all .3s ease-in-out}.contact .bloc-contact .container .form .submit-btn:active{transform:scale(.9)}.contact .bloc-contact .container .datas{display:flex;flex-direction:column;justify-content:center;align-items:center}}.my-title-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-top:4rem;margin-bottom:4rem}.my-title-container .bloc-title{width:100%;text-align:center}.my-title-container .bloc-title .title-label{font-size:4rem}@media(max-width:768px){.my-title-container .bloc-title .title-label{font-size:3rem;font-weight:900}}.info-item{width:100%;display:flex;padding:2rem}.info-item .container-info-item{display:flex;justify-content:space-between;align-items:center;width:100%;gap:2rem;text-align:left}.info-item .container-info-item .icon{color:#b76e00;background-color:#202020;padding:1rem;border-radius:6px}.info-item .container-info-item .info-datas{display:flex;flex-direction:column;justify-content:left;width:100%}.info-item .container-info-item .info-datas .label{color:gray;font-size:small;width:100%}.info-item .container-info-item .info-datas .value{width:100%}@media(max-width:768px){.info-item{width:100%;display:flex;padding:2rem 0}.info-item .container-info-item{display:flex;justify-content:space-between;align-items:left;flex-direction:row;width:100%;gap:1rem;text-align:left}.info-item .container-info-item .icon{color:#b76e00;padding:1rem;border-radius:6px}.info-item .container-info-item .info-datas{display:flex;flex-direction:column;justify-content:left;overflow:hidden}.info-item .container-info-item .info-datas .label{color:gray;font-size:small}}.presentation{display:flex;justify-content:center;align-items:center;margin:0;padding:0;position:relative}.presentation .bg{background:url(/images/vially2.jpeg) no-repeat center 30%;filter:brightness(.4) contrast(1.2) blur(3px);height:100vh;width:100%}.presentation .datas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;width:100%;justify-content:space-around;padding:2rem}.presentation .datas .information{width:100%;display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:left;height:auto}.presentation .datas .information .job{font-size:1.5rem;color:#d3d3d3;font-weight:600;letter-spacing:2px;width:100%}.presentation .datas .information .text{font-size:small}.presentation .datas .information .name{font-size:4rem;letter-spacing:4px;font-weight:900;color:#fff}.presentation .datas .information .infos{display:flex;justify-content:space-between;width:23%;gap:1rem}.presentation .datas .information .infos .item{display:flex;gap:1rem;padding-top:10px;padding-bottom:10px;text-transform:uppercase;transition:all .3s ease-in-out}.presentation .datas .information .infos .item:active{transform:scale(.9)}.presentation .datas .information .infos .item:hover{color:#b76e00}.presentation .datas .information .socialMedia{display:flex;gap:2rem}.presentation .datas .information .socialMedia .icon{transition:all .3s ease-in-out;cursor:pointer;color:#fff}.presentation .datas .information .socialMedia .icon:active{transform:scale(.9)}.presentation .datas .information .socialMedia .icon:hover{color:#b76e00}.presentation .datas .imageBloc{width:25%}@media(max-width:768px){.presentation .datas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;width:100%;justify-content:space-between;padding:2rem}.presentation .datas .information{width:100%;display:flex;flex-direction:column;justify-content:center;gap:20px;align-items:left;height:auto}.presentation .datas .information .job{font-size:1.2rem;font-weight:500;letter-spacing:2px;width:100%}.presentation .datas .information .name{font-size:4rem;letter-spacing:4px;font-weight:900;display:flex;flex-direction:column;gap:1rem}.presentation .datas .information .infos{display:flex;justify-content:space-between;width:20%;gap:1rem}.presentation .datas .imageBloc{width:100%;display:flex;justify-content:center;align-items:center;margin-top:2rem}.presentation .datas .imageBloc .avatar{width:50%;padding:1rem}}.project-container{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem}.project-container .bloc-container{width:60%}.project-container .bloc-container .carousel{display:flex;justify-content:center;width:100%}.project-container .bloc-container .carousel .bloc-carousel{display:flex;justify-content:space-between}.project-container .bloc-container .carousel .bloc-carousel .card-content{display:flex;flex-direction:column;justify-content:left;width:50%}.project-container .bloc-container .carousel .bloc-carousel .card-content .number{font-size:5rem;color:transparent;-webkit-text-stroke:1px #fff}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action,.project-container .bloc-container .carousel .bloc-carousel .card-content .description,.project-container .bloc-container .carousel .bloc-carousel .card-content .name,.project-container .bloc-container .carousel .bloc-carousel .card-content .number{padding-top:1rem;padding-bottom:1rem;text-align:left;width:100%}.project-container .bloc-container .carousel .bloc-carousel .card-content .text{flex:1}.project-container .bloc-container .carousel .bloc-carousel .card-content .text .name{font-size:2.1rem;font-weight:600}.project-container .bloc-container .carousel .bloc-carousel .card-content .text .description{font-size:small;color:gray}.project-container .bloc-container .carousel .bloc-carousel .card-content .techno{font-size:x-small;font-weight:700}.project-container .bloc-container .carousel .bloc-carousel .card-content .techno .item{margin-right:4px;margin-bottom:1rem;background-color:#b76e00}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action{display:flex;gap:1rem;justify-content:left}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action .hover{background-color:transparent;color:#fff;z-index:200}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action .action{cursor:pointer;transition:all .4s ease-in-out}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action .action:hover{color:#b76e00}@media(max-width:868px){.project-container{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem}.project-container .bloc-container{width:100%}.project-container .bloc-container .carousel{display:flex;justify-content:center;width:100%}.project-container .bloc-container .carousel .bloc-carousel{display:flex;flex-direction:column-reverse;justify-content:space-between}.project-container .bloc-container .carousel .bloc-carousel .card-content{display:flex;flex-direction:column;justify-content:left;width:100%}.project-container .bloc-container .carousel .bloc-carousel .card-content .number{font-size:5rem;color:transparent;-webkit-text-stroke:1px #fff}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action,.project-container .bloc-container .carousel .bloc-carousel .card-content .description,.project-container .bloc-container .carousel .bloc-carousel .card-content .name,.project-container .bloc-container .carousel .bloc-carousel .card-content .number{padding-top:1rem;padding-bottom:1rem;text-align:left;width:100%}.project-container .bloc-container .carousel .bloc-carousel .card-content .text{flex:1}.project-container .bloc-container .carousel .bloc-carousel .card-content .text .name{font-size:2.1rem;font-weight:600}.project-container .bloc-container .carousel .bloc-carousel .card-content .text .description{font-size:medium;color:gray}.project-container .bloc-container .carousel .bloc-carousel .card-content .techno{font-size:small;font-weight:700}.project-container .bloc-container .carousel .bloc-carousel .card-content .techno .item{margin-right:4px;margin-bottom:1rem;background-color:#b76e00;color:#f5f5f5}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action{display:flex;gap:1rem;justify-content:left}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action .hover{background-color:transparent;color:#fff;z-index:200}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action .action{cursor:pointer;transition:all .4s ease-in-out}.project-container .bloc-container .carousel .bloc-carousel .card-content .bloc-action .action:hover{color:#b76e00}.project-container .bloc-container .carousel .bloc-carousel .bloc-carousel{display:flex;justify-content:center;align-items:center;width:100%}.project-container .bloc-container .carousel .bloc-carousel .bloc-carousel .carousel{width:80%}}.resume{display:flex;justify-content:center;flex-direction:column;width:60%;padding:1rem;margin-top:4rem}.resume .container{display:flex;width:100%}.resume .container .tabList{display:flex;flex-direction:column;justify-content:center;gap:1rem;width:50%}.resume .container .tabList .header .title{font-size:3rem}.resume .container .tabList .header .subTtile{font-weight:100;font-size:small;width:80%;color:gray}.resume .container .tabList .tab-list-items{display:flex;gap:1rem;flex-direction:column}.resume .container .tabList .tab-list-items .tabItem.active{background-color:#b76e00}.resume .container .tabList .tab-list-items .tabItem{background-color:#202020;padding:6px;border-radius:10px;width:20rem;text-align:center;text-transform:capitalize;cursor:pointer;transition:all .4s ease-in-out}.resume .container .tabList .tab-list-items .tabItem:hover{background-color:#b76e00}.resume .container .tabContent{width:50%}.resume .container .tabContent .template{text-align:left}.resume .container .tabContent .template .title{font-size:2.5rem;text-transform:capitalize}.resume .container .tabContent .template .description{font-size:small;padding:1rem}.resume .container .tabContent .iconTech{font-size:3rem}.resume .container .tabContent .infos{gap:1rem}.resume .container .tabContent .infos .info{display:flex;gap:1rem}.resume .container .tabContent .infos .info .label{font-size:small;color:gray}.resume-container{display:flex;justify-content:center}@media(max-width:868px){.resume{justify-content:center;padding:1rem;margin-top:4rem}.resume,.resume .container,.resume .container .tabList{display:flex;flex-direction:column;width:100%}.resume .container .tabList{justify-content:center;gap:1rem}.resume .container .tabList .header .title{font-size:2rem;color:#fff}.resume .container .tabList .header .subTtile{font-weight:100;font-size:medium;width:100%;color:#d3d3d3}.resume .container .tabList .tabItem.active{background-color:#b76e00;color:#fff}.resume .container .tabList .tab-list-items{gap:1rem;justify-content:center;align-items:center;flex-direction:row}.resume .container .tabList .tab-list-items .tabItem{background-color:#202020;padding:6px;border-radius:3px;width:100%;font-size:small;text-align:center;text-transform:capitalize;cursor:pointer;transition:all .4s ease-in-out;display:flex;color:#fff}.resume .container .tabList .tab-list-items .tabItem:hover{background-color:#b76e00}.resume .container .tabContent{width:100%;margin-top:1rem}.resume .container .tabContent .template{text-align:left}.resume .container .tabContent .template .title{font-size:2.1rem;text-transform:capitalize;color:#fff}.resume .container .tabContent .template .description{font-size:small;padding:1rem}.resume .container .tabContent .iconTech{font-size:3rem}.resume .container .tabContent .infos{gap:1rem}.resume .container .tabContent .infos .info{display:flex;gap:1rem}.resume .container .tabContent .infos .info .label{font-size:small;color:gray}.resume .container .tabContent .infos .info .value{color:#fff}}.skills{display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:#202020;padding:1rem;border-radius:6px;width:100%;gap:1rem;cursor:pointer}.skills .icon:hover{color:#b76e00}.skills .icon{transition:all .3s ease-in-out}.experience-item{background-color:#202020;padding:1rem;border-radius:6px;width:100%}.experience-item .period{text-transform:capitalize;font-size:small;color:#b76e00}.experience-item .label{text-transform:capitalize;width:100%;font-size:.8rem}.experience-item .details{padding:1rem}.experience-item .details li{text-transform:capitalize;font-size:x-small;list-style:outside;color:gray}@media(max-width:768px){.experience-item{width:100%}.experience-item .label{text-transform:capitalize;width:100%;font-size:1rem}.experience-item .details{padding:0}.experience-item .details li{width:100%;font-size:small}}