@import url();*{font-weight:300}html{scroll-behavior:smooth}link{cursor:pointer}body{position:relative}body,header{background:#000}header{box-shadow:0 0 10px 3px #8a1a8a;height:-webkit-fit-content;height:fit-content;margin:0;overflow:hidden;padding:20px 0;position:fixed;top:0;width:100%;z-index:999}.logo{align-items:center;display:flex;flex-direction:column;justify-content:center}.logo img{border:2px solid violet;border-radius:30px;height:50px;margin:8px 0;transition:all .3s ease-in;width:50px}.logo .logotype,header #engagement{color:#fff;font-weight:600;text-decoration:none}header #engagement{background:linear-gradient(50deg,violet,#8a1a8a);border-radius:30px;padding:8px}.parentnoel{position:relative}.perenoel{left:-28px;position:absolute;top:-22px}.menus{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:start;justify-items:center;overflow-x:scroll}.menus::-webkit-scrollbar{display:none}nav{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;justify-items:center}header .menus ul{display:flex;margin:0 auto}header .menus ul li{list-style:none;margin:20px;position:relative;width:-webkit-fit-content;width:fit-content}header .menus ul li a{color:violet;cursor:pointer;display:inline-block;font-size:18px;font-weight:500;line-height:28px;padding-bottom:5px;position:relative;text-decoration:none;transition:all 1.2s ease-in}header .menus ul li a:after{background-color:violet;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease,transform .3s ease;width:0}header .menus ul li #engagement:hover:after{transform:none;width:0}header .menus ul li a:hover:after{transform:scaleX(1);width:100%}.menus ul li a.active{border-bottom:2px solid violet;color:violet;transition:all .3s ease}.Infos{margin-top:130px}.about{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.showme{border-radius:30px;box-shadow:0 4px 10px 3px rbg(0,0,0,.1);color:#fff;overflow:hidden;padding:50px 10px;width:50%}.showme h1{-webkit-text-fill-color:#0000;background:linear-gradient(60deg,#f88bf8,#790c79);-webkit-background-clip:text;font-size:32px;font-weight:700;text-transform:uppercase}.showme p{font-size:17px;font-weight:500;letter-spacing:.3px;margin-top:20px;text-align:justify;width:100%}.reseaux-sociaux ul{align-items:center;display:flex;flex-direction:row;justify-content:start;padding:0}.reseaux-sociaux ul li{height:-webkit-fit-content;height:fit-content;list-style:none;margin:20px;width:auto}.reseaux-sociaux ul li a{border:2px solid violet;border-radius:30px;padding:10px;transition:all .5s ease}.reseaux-sociaux ul li a:hover{background-color:#d444d4;box-shadow:0 4px 8px #0003;color:#fff}.reseaux-sociaux ul li a{color:violet;cursor:pointer;font-size:25px;font-weight:500;text-decoration:none}.mepicture{overflow:hidden;padding:33px}.mepicture div img{border:2px solid #790c79;border-radius:20px;height:390px;padding:10px;transform:rotate(5deg);transition:all .5s ease}.mepicture div img:hover{transform:rotate(0deg);transition:all .5s ease}.expericences{align-content:center;align-items:center;color:#fff;display:flex;flex-direction:row;font-size:25px;font-weight:900;justify-content:space-evenly;line-height:10px}.expericences h1,.expericences h2{font-weight:600;text-transform:uppercase}#service{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:10px;width:100%}#service h2:not(.servicescontent h2){-webkit-text-fill-color:#0000;background:linear-gradient(150deg,#f88bf8,#790c79);-webkit-background-clip:text;font-size:40px;font-weight:700}#service p{color:#fff;font-weight:500;margin:20px 0;width:600px}.diffservices{flex-direction:column;flex-wrap:wrap;justify-content:center;overflow:hidden}.diffservices,.servicescontent{align-items:center;display:flex}.servicescontent{color:#fff;flex-direction:row;justify-content:start;padding:25px;position:relative;transition:top 5s ease-in;width:100%}.servicescontent:hover{background:linear-gradient(80deg,#f88bf8,#790c79);transition:top 5s ease-in}.servicescontent h1,.servicescontent h2{font-weight:700}.servicescontent p{font-weight:500;text-align:justify}#projets{align-items:center;background:linear-gradient(150deg,#200220,#5c045c);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;margin:80px 0;overflow:hidden;padding:60px;width:100%}#projets h2:not(.projetscontent h2){-webkit-text-fill-color:#0000;background:linear-gradient(150deg,#f88bf8,#fff);-webkit-background-clip:text;font-size:40px;font-weight:700}#projets p{color:#fff;font-weight:500;margin:20px 0;width:600px}.diffprojets{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.diffprojets div ul{background:linear-gradient(0deg,#000,#0006);border-radius:50px;overflow:hidden;padding:20px}.diffprojets div ul,.diffprojets div ul li{border:none;width:-webkit-fit-content;width:fit-content}.diffprojets div ul li{background:#0000;height:100%;margin:0 10px;position:relative}.diffprojets div ul li button{border:none!important;padding:12px;width:-webkit-fit-content;width:fit-content}.diffprojets div ul li button,.nav-tabs .nav-link{background:#0000;border-radius:50px;color:#fff}.diffprojets div ul li .nav-link:hover{transition:left 1s ease-in}.nav-tabs .nav-link.active{background:#b60db6;border-radius:50px;color:#fff}.tabcontentprojet{display:flex;height:310px;justify-content:center;margin:10px;overflow-y:scroll}.tabcontentprojet::-webkit-scrollbar,.tabcontentprojet::-webkit-scrollbar-corner{display:block;height:12px;width:12px}.tabcontentprojet::-webkit-scrollbar-thumb{background:#f88bf8;border-radius:6px}.infosprojects{height:300px;overflow:hidden;position:relative;width:45%}.infosprojects img{border-radius:10px;height:100%;width:100%}.infosprojects:hover div{display:block}.infosprojects div{background:linear-gradient(90deg,#c215c2cc,#790c79);border-radius:10px;bottom:0;display:none;height:-webkit-fit-content;height:fit-content;left:0;margin:0 5%;overflow:hidden;padding:10px;position:absolute;width:90%}.infosprojects div h1{color:#fff;font-size:22px;font-weight:700}.infosprojects div p{color:#fff;font-size:15px;font-weight:300;padding:5px;text-align:left;width:100%!important}.infosprojects div p a{color:#fff}.ExperienceSection h3:first-child,.TireCv{color:#f88bf8;letter-spacing:.3px}.TireCv{font-size:40px}.ExperienceSection{background:linear-gradient(50deg,#583a5833,#4b2e4b);border-radius:30px;margin-top:10px;padding:10px 30px;transition:all .5s ease-in-out;width:100%;will-change:transition}.ExperienceSection:hover{transform:scale(1.05)}.ExperienceSection h3:nth-child(2),.ExperienceSection p{color:#fff}.ExperienceSection:hover{background:linear-gradient(20deg,#f88bf8,#790c79);transition:all .5s ease-in-out}.ExperienceSection:hover .periode{color:#fff}#competences{background:linear-gradient(50deg,#583a5833,#4b2e4b);margin:60px 0}.titleCompétences{-webkit-text-fill-color:#0000;background:linear-gradient(150deg,#db17db,#fff);-webkit-background-clip:text;font-size:40px;font-weight:700;text-align:center}#competences p{color:#fff;font-weight:500;text-align:center;width:550px}.technologie{flex-wrap:wrap}.technologie div{margin:20px}.technologie div i{border-radius:20px;font-size:75px;padding:15px;transition:all .3s ease-in-out}.technologie div i:hover{transform:scale(1.07);transition:all .1s ease-in-out}.technologie div:hover i{box-shadow:0 0 1px 1px #f88bf8}.technologie div .fa-figma{color:#f88bf8}.technologie div .fa-php{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4c6b97,#6181b6);-webkit-background-clip:text}.technologie div .fa-laravel{color:#ff2d20}.technologie div .fa-js{color:#f7df1e}.technologie div .fa-react{color:#00d8ff}.technologie div .fa-node{color:#539e43}.technologie div .fa-bootstrap{color:#6610f2}.technologie div .fa-css3{color:#264de4}.technologie div .fa-html5{color:#e44d26}.technologie div .fa-wordpress{color:#0073aa}.technologie div .fa-database{color:#242938}.technologie div .fa-git{color:#f34f29}.technologie div span{color:#f88bf8;font-weight:500}#contact .container .row div h2{-webkit-text-fill-color:#0000;background:linear-gradient(150deg,#db17db,#fff);-webkit-background-clip:text}#contact .container .row div p{color:#fff;font-weight:600}.infosPerso ul{list-style:none;margin:90px 0}.infosPerso ul li{display:flex;flex-direction:column;justify-content:center;margin:40px 0}.infosPerso ul li div i{background:linear-gradient(150deg,#db17db,#fff);border-radius:30px;color:#fff;font-size:30px;height:50px;padding:8px;text-align:center;width:50px}.infosPerso ul li div{display:flex;flex-wrap:wrap}.infosPerso ul li div p{display:flex;flex-direction:column}.infosPerso ul li div p span{color:#fff;font-size:17px;font-weight:600}#contact .container .row .col-6:first-child{background:linear-gradient(50deg,#583a5833,#4b2e4b);border-radius:20px;padding:30px}#contact input,#contact select,#contact textarea{background-color:#000;color:#fff}#contact input[type=submit]{background:#f88bf8;border:none;border-radius:10px;float:right;margin:7px 0;padding:8px;width:-webkit-fit-content;width:fit-content}.form-control{box-shadow:0 0 5px #007bff80}.form-control:focus,.form-select:focus,select:focus,textarea:focus{border-color:#f88bf8;box-shadow:0 0 5px #f88bf8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#container{align-items:center;background:#333;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}#container.charger{opacity:0;transition:opacity 3s ease-out,visibility 0s linear 3s;visibility:hidden}#loader{animation:spin 1s linear infinite;border:5px solid #ccc;border-radius:50%;border-top-color:#db17db;height:50px;width:50px}#text{font-size:18px;line-height:1.5;margin-top:20px}footer{color:#fff;font-size:16px}footer .backparent{position:relative}.backparent i{animation:retournons 1.5s ease-in-out infinite;background:linear-gradient(10deg,#f88bf8,#fff);border-radius:30px;bottom:30px;color:#000;display:none;font-size:18px;height:70px;padding:27px 0 10px;position:fixed;right:30px;text-align:center;transition:all 1.5s ease-in-out;width:50px}.backparent i.montretoi{display:block;transition:all ease-in}@keyframes retournons{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.backparent i:hover{animation:none}.swal-draggable-color,.swal-popup-red,.swal-title-red{color:#8a1a8a!important}.swal-icon-red .swal2-icon{border-color:#8a1a8a!important;color:#8a1a8a!important}.swal-button-red{background-color:#8a1a8a!important;border:none;color:#fff!important}.swal-button-red:hover{background-color:#7e157e!important}header nav .fa-bars{display:none}.menus.affichons{display:block}.closeparent{display:none}@media screen and (max-width:767px){header nav .fa-bars{color:#fff;display:block;font-size:48px;transition:all .3s ease-in}header nav .fa-bars:hover{color:#8a1a8a}header{border-bottom:1px solid #8a1a8a;box-shadow:none;height:-webkit-fit-content;height:fit-content;margin:0;overflow:visible;overflow:initial;padding:20px 0;width:auto}header,nav{position:relative}nav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:0 20px}.menus{background:#000;border-left:1px solid #8a1a8a;border-radius:20px 0 0 20px;display:none;height:100%;padding:10px;position:fixed;right:0;top:0;transition:all .5s ease-in}header .menus ul{display:flex;flex-direction:column;left:10px;position:relative;top:-110px}header .menus ul li a{color:violet;cursor:pointer;display:inline-block;font-size:19px;font-weight:500;line-height:28px;padding-bottom:5px;position:relative;text-decoration:none;transition:all 1.2s ease-in}.closeparent{display:block;display:flex;flex-wrap:nowrap;justify-content:end;position:relative;right:0;top:-110px;width:100%}#closeme{background:linear-gradient(50deg,violet,#8a1a8a);border-radius:50px;color:#fff;font-weight:500;padding:8px;text-align:center;width:40px}.Infos{margin-top:0}.showme{width:100%}.expericences,.reseaux-sociaux ul{justify-content:center}.expericences{align-content:center;align-items:center;color:#fff;display:flex;flex-direction:column;font-size:25px;font-weight:900;line-height:10px}.TireCv{font-size:30px;text-align:center}.expericences div{flex-direction:column!important;margin:20px 0}.expericences div .counterr{flex-direction:row!important}.textutilise{display:none}#service h2:not(.servicescontent h2){font-size:35px}#service p{width:100%}.servicescontent{background:linear-gradient(80deg,#f88bf8,#790c79);flex-direction:column;margin:5px 0 0;transition:top 5s ease-in}.servicescontent h1,.servicescontent p{text-align:center}#projets h2:not(.projetscontent h2){font-size:32px;text-align:center}#projets{padding:10px 5px}#projets p{width:100%}.infosprojects{display:flex;flex-wrap:wrap;width:100%}#cv div,.infosprojects{flex-direction:column}#cv .container div{margin:10px 0}#cv .p-5{padding:5px 0!important}#competences{margin:20px 0}#competences p{padding:5px}#contact .container .row{flex-direction:column}#contact .container .row .col-6:first-child,#contact .container .row .col-6:last-child{width:100%}#contact input::-webkit-input-placeholder,#contact select::-webkit-input-placeholder,#contact textarea::-webkit-input-placeholder{color:#fff!important}#contact input:not(#contact input[type=submit]){margin:10px 0;padding:15px}#contact select{padding:15px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.926fc249.css.map*/