@import"https://fonts.googleapis.com/css?family=Muli:300,400,600,700&display=swap";@import"https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700";@import"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap";:root{--nav-bg: rgba(180, 180, 180, 0.2);--background: #fdfdfd;--text-color: #868686;--text-color-p_dark: #002060;--dark-text: #454545;--title-text-color: #002060;--skill-cart-bg: #fff}@keyframes trais-anim{0%{transform:translateX(-50%) scale(4, 0.5)}50%{transform:translateX(-50%) scale(2, 1.5)}}@keyframes small-flote{0%{transform:translateY(30%) rotate(0) scale(1)}100%{transform:translateY(-20%) rotate(20deg) scale(1.15)}}@keyframes flote{0%{transform:translateY(90%) rotate(0) scale(1)}100%{transform:translateY(-80%) rotate(60deg) scale(1.3)}}@keyframes small-scale{0%{transform:rotate(0) scale(1)}100%{transform:rotate(80deg) scale(1.05)}}@keyframes tada{from{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -5deg)}30%,50%,70%,90%{transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 5deg)}40%,60%,80%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:scale3d(1, 1, 1)}}@keyframes slide{from{transform:translateY(0)}25%{transform:translateY(3px)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes animateBlob{0%,100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:72% 28% 30% 70%/30% 28% 72% 70%}50%{border-radius:53% 47% 31% 69%/48% 70% 30% 52%}75%{border-radius:42% 58% 68% 32%/68% 52% 48% 32%}}:root{font-size:16px}html{font-size:16px;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;outline:0;appearance:none;border:0;text-decoration:none;list-style:none}::after,::before{box-sizing:border-box}body{font-family:"poppins",sans-serif;font-size:.88rem;user-select:none;overflow-x:hidden}a{color:inherit}img{display:block;width:100%}h1{font-weight:800;font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:.87rem}h4{font-size:.8rem}h5{font-size:.77rem}small{font-size:.75rem}table{border-collapse:collapse;border-spacing:0}th,td{padding:0;text-align:left;border:1px solid #333}p{line-height:25px}@media only screen and (max-width: 640px){.smal-tablet-up{display:none}}@media only screen and (max-width: 768px){.tablet-up{display:none}}@media only screen and (max-width: 992px){.big-tablet-up{display:none}}@media only screen and (min-width: 640px){.smal-tablet-down{display:none}}@media only screen and (min-width: 768px){.tablet-down{display:none}}@media only screen and (min-width: 992px){.big-tablet-down{display:none}}.text_ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ct-profile-photo{position:relative;width:2.8rem;height:2.8rem;border-radius:50%;overflow:hidden}.ct-profile-photo img{object-fit:cover}.navbar{height:4.2rem;position:relative;display:flex;padding-inline:2vw;gap:2rem;justify-content:space-between;align-items:center}.menu{position:relative;display:flex;gap:2rem;justify-content:center;align-items:center}.noir-blanc{filter:grayscale(100%)}.indent-paragrap{text-indent:5%}.vertical-writing{writing-mode:vertical-lr}.text-mask{-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header{display:flex;height:100vh;width:100vw;flex-direction:column;position:relative;padding-top:60px}.nav{height:60px;background-color:var(--nav-bg);display:flex;position:fixed;width:100vw;top:0;justify-content:space-between;align-items:center;padding-inline:8%;z-index:10;backdrop-filter:blur(16px)}.nav .open_menu{width:36px;height:30px;transform:translateX(0);opacity:1;transition:all .3s ease .3s}.nav .open_menu .trai{width:30px;height:2px;background-color:var(--text-color);position:relative}.nav .open_menu .trai::after,.nav .open_menu .trai::before{content:"";position:absolute;width:30px;height:2px;background-color:var(--text-color)}.nav .open_menu .trai::after{top:-10px}.nav .open_menu .trai::before{top:10px}.nav .close_menu{position:absolute;left:25px;top:15px;transform:scale(0.8) rotate(180deg);opacity:0;transition:all .2s ease;width:32px;height:30px}.nav .close_menu .trai{width:30px;height:2px;background-color:var(--text-color);position:relative;transform:rotate(45deg)}.nav .close_menu .trai::after{content:"";position:absolute;width:30px;height:2px;background-color:var(--text-color);transform:rotate(-90deg)}.nav .close_menu,.nav .open_menu{display:none;cursor:pointer}.nav .logo{font-size:1.33rem;letter-spacing:1px;cursor:pointer;transition:transform .2s ease}.nav .logo:hover{transform:scale(1.05)}.nav .logo span{transition:transform .2s ease}.nav .logo span:hover{color:#e45887;display:inline-block;transition:.2s;transform:rotate(-5deg)}.nav .logo .log_end{color:#a98ed8;display:inline-block}.nav .logo .log_end span:hover{color:#512485;display:inline-block;transition:transform .2s ease;transform:rotate(5deg)}.nav .menu .menu_item-active{color:#946fda}.nav .menu .item{font-weight:500;font-size:14px;transition:all .2s ease;position:relative;overflow:hidden}.nav .menu .item::before{content:"";position:absolute;top:20px;width:100%;height:1px;background:linear-gradient(to right, #5d277ebe, #c4a1f1be);left:50%;transform:translateX(-50%) scaleY(1);opacity:0}.nav .menu .item:hover{color:#946fda}.nav .menu .item:hover::before{opacity:1;animation:trais-anim 1s linear infinite}.nav .ct_right{display:flex;gap:20px;align-items:center;justify-content:space-between}.nav .dark-mode .ct_theme_drop{transition:.3s}.nav .dark-mode .ct_theme_drop .cercle{font-size:20px;position:absolute;text-align:center;line-height:26px;width:18px;height:18px;z-index:1000;background-color:#fff;box-shadow:0 0 3px 1px #16032c1e;border-radius:100%;z-index:5;content:"c";color:#a61ef5;background-color:#0e021d;transform:translateX(20px) !important;transition:all .3s ease-in-out}.nav .ct_theme_drop{width:40px;height:20px;border-radius:10px;background-color:#fff5;box-shadow:0 0 2px #16032c1e;position:relative;padding:1px;cursor:pointer;transition:all .2s ease}.nav .ct_theme_drop:hover{box-shadow:0 0 5px 1px #16032c1e}.nav .ct_theme_drop .cercle{font-size:14px;display:flex;justify-content:center;align-items:center;position:relative;width:18px;height:18px;box-shadow:0 0 3px 1px #16032c1e;border-radius:100%;z-index:5;transition:transform .3s ease-in-out}.nav .ct_theme_drop .dark{color:#a98ed8;transform:translateX(20px);background-color:#16032c}.nav .ct_theme_drop .dark .bxs-sun{display:none}.nav .ct_theme_drop .light{color:#f5cd1e;background-color:#fff;box-shadow:0 0 3px 1px #16032c1e}.nav .ct_theme_drop .light .bxs-moon{display:none}@media only screen and (max-width: 640px){.nav .close_menu,.nav .open_menu{display:flex;justify-content:center;align-items:center}.nav .menu{position:absolute;top:0;right:0;width:280px;height:100vh;flex-direction:column;justify-content:flex-start;padding:70px;background-color:#0f021fe3;backdrop-filter:blur(10px);z-index:10;transform:translateX(100%);transition:transform .4s ease-out;color:#fafafa}.nav::before{content:"";position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:8;background-color:rgba(0,0,0,.5);transform:translateX(100%);transition:transform .3s ease-out .2s}.show-menu .menu{transform:translateX(0);transition:transform .4s ease-out .2s}.show-menu::before{transform:translateX(0);transition:transform .5s ease-out}.show-menu .open_menu{transform:translateX(20px);opacity:0;transition:all .3s ease;position:relative}.show-menu .close_menu{transform:scale(1) rotate(0);opacity:1;transition:all .3s ease .5s}}.head_section{height:100%;background-color:rgba(210,210,210,.2);position:relative;overflow:hidden}.head_section .bg_elements{width:100%;height:100%;position:absolute;z-index:0}.head_section .bg_elements .bg_cercle{position:absolute;border-radius:100%;opacity:.8}.head_section .bg_elements .gradient_cercle1{width:20vh;height:20vh;left:2%;bottom:20%;background:linear-gradient(120deg, rgba(204, 198, 219, 0.1), rgba(23, 22, 37, 0.3));animation:small-flote 7s ease-in-out infinite alternate}.head_section .bg_elements .gradient_cercle2{width:5vh;height:5vh;left:15%;bottom:10%;background:linear-gradient(130deg, rgba(215, 210, 228, 0.1), rgba(23, 22, 37, 0.5));animation:flote 3s ease-in-out infinite alternate}.head_section .bg_elements .gradient_cercle3{width:30vh;height:30vh;top:10%;right:5%;background:linear-gradient(160deg, rgba(223, 219, 231, 0.1) 0%, rgba(23, 22, 37, 0.3) 200%);animation:small-flote 6s ease-in-out infinite alternate}.head_section .bg_elements .gradient_cercle4{width:10vh;height:10vh;bottom:15%;right:20%;background:linear-gradient(160deg, rgba(223, 219, 231, 0.1) 0%, rgba(23, 22, 37, 0.3) 200%);animation:small-flote 4s ease-in-out infinite alternate}.head_section .ct_elements{position:relative;z-index:1;height:100%}.head_section .ct_elements .shadow_box{background-color:var(--background);box-shadow:0 0 10px 5px #0f021f34;width:230px;padding:15px;border-radius:8px;display:flex;position:absolute;gap:10px}.head_section .ct_elements .avatar{position:relative;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:0;display:flex;justify-content:center}.head_section .ct_elements .avatar::before{content:"";z-index:-1;position:absolute;top:20vh;width:clamp(400px, 35vw, 600px);height:clamp(400px, 35vw, 600px);border-radius:100%;background:linear-gradient(130deg, rgba(215, 210, 228, 0.1) 0%, rgba(23, 22, 37, 0.5) 150%);animation:small-scale 5s ease-in-out infinite alternate}.head_section .ct_elements .avatar .bonjour{top:15vh;left:-30vw}.head_section .ct_elements .avatar .bonjour .hello_text{display:flex;flex-direction:column}.head_section .ct_elements .avatar .bonjour .hello_text .name{font-size:32px;font-weight:600;letter-spacing:1px;color:var(--text-color-p_dark) !important}.head_section .ct_elements .avatar .competance{top:40vh;left:-35vw;width:auto;flex-direction:column;text-align:center;font-size:17px;padding:20px 30px}.head_section .ct_elements .avatar .competance div{transition:all .2s ease-in-out}.head_section .ct_elements .avatar .competance .web_designer:hover,.head_section .ct_elements .avatar .competance .dev_full_stask:hover{color:var(--text-color-p_dark) !important;transform:translateX(-4px) rotate(4deg);transition:all .3s ease-in-out}.head_section .ct_elements .avatar .competance .print_designer:hover{color:#6c42f3;transform:translateX(4px) rotate(-4deg);transition:all .3s ease-in-out}.head_section .ct_elements .avatar .img_avatar{height:100%;width:auto}.head_section .ct_elements .avatar .img_outils{position:absolute;width:clamp(220px, 20vw, 350px);height:auto;top:10vh;left:20vh}@media only screen and (max-width: 992px){.ct_elements .bonjour{top:20vh !important;left:-45vw !important}.ct_elements .competance{top:45vh !important;left:-46vw !important;font-size:16px !important;padding:15px 20px !important}}@media only screen and (max-width: 640px){.ct_elements .bonjour{top:3vh !important;left:-150px !important}.ct_elements .competance{top:20vh !important;left:-130px !important;width:250px !important}.ct_elements .avatar .img_avatar{position:absolute;bottom:0 !important;height:60% !important}.ct_elements .avatar::before{top:48vh !important;width:clamp(280px, 35vw, 300px) !important;height:clamp(280px, 35vw, 300px) !important}}.about{display:flex;flex-direction:column;align-items:center;position:relative;gap:50px}.section-title{font-size:32px;line-height:40px;text-align:center;margin:100px 0;font-weight:600;color:var(--title-text-color)}.section-title .color_title{color:#6c42f3}@media only screen and (max-width: 768px){.section-title{font-size:24px;margin:60px 0;padding-inline:20px}}@media only screen and (max-width: 480px){.section-title{font-size:22px;margin:60px 0}}.sous-section{width:100%;display:flex;flex-direction:column;position:relative;padding-inline:8%}.sous-section .sous-section-title{font-size:22px;font-weight:500;margin:40px 0;color:#6c42f3}.competances{flex-direction:row;justify-content:center;gap:8vw;flex-wrap:wrap}.competances .ct_competance{width:clamp(250px, 20%, 350px);display:flex;flex-direction:column;gap:10px}.competances .ct_competance .ct_img{width:100%;height:130px;background-color:var(--background);border-radius:8px;overflow:hidden}.competances .ct_competance .ct_img img{object-fit:cover;width:100%;height:100%}.competances .ct_competance .ct_text{font-size:13px;padding-inline:10px;text-align:justify}.competances .ct_competance .ct_text .competance_title{color:var(--title-text-color);font-weight:600;font-size:17px;margin:10px 0}@media only screen and (max-width: 768px){.competances{gap:16vw}}.activitees{display:flex;flex-direction:column;align-items:center}.activitees .ct_slide_activitees{display:flex;align-items:center;justify-content:center;gap:30px;margin:20px 0;height:300px;width:100%}.activitees .ct_slide_activitees .box_Activite{display:flex;justify-content:space-between;height:290px;aspect-ratio:1.8;background:linear-gradient(120deg, #1d1338e1 0%, #151034ef 120%);border-radius:15px;overflow:hidden;box-shadow:0 0 20px 1px #62587c14;position:relative}.activitees .ct_slide_activitees .box_Activite:hover .box_right .btn_more{transition:all .5s ease-out !important;transform:translateX(0)}.activitees .ct_slide_activitees .box_Activite .box_left{display:flex;flex-direction:column;gap:5px;color:#beaae2;padding:35px 30px}.activitees .ct_slide_activitees .box_Activite .box_left .box_title{font-size:24px;font-weight:600;color:#fff}.activitees .ct_slide_activitees .box_Activite .box_left .img_Activite{width:150px}.activitees .ct_slide_activitees .box_Activite .box_left .img_Activite img{width:100%;height:auto;margin-top:40px}.activitees .ct_slide_activitees .box_Activite .box_right{display:flex;flex-direction:column;position:relative;align-items:flex-end;justify-content:flex-end}.activitees .ct_slide_activitees .box_Activite .box_right .dec2 .decor{background-color:#6c42f37c !important}.activitees .ct_slide_activitees .box_Activite .box_right .dec2 .decor::after{background-color:#8e6bf86c}.activitees .ct_slide_activitees .box_Activite .box_right .dec2 .decor:before{background-color:#ab91f85c}.activitees .ct_slide_activitees .box_Activite .box_right .btn_more{position:absolute;display:flex;justify-content:center;align-items:center;right:0;top:30px;width:40px;height:40px;border-radius:4px 0 0 4px;background-color:#d9e7f531;color:#fff;font-size:18px;transform:translateX(60px);transition:all .5s ease-out .2s;cursor:pointer}.activitees .ct_slide_activitees .box_Activite .box_right .btn_more:hover{font-size:20px;background-color:#d9e7f547}.activitees .ct_slide_activitees .box_Activite .box_right .ct_img{height:80%;display:flex;justify-content:flex-start;margin-right:50px;position:relative}.activitees .ct_slide_activitees .box_Activite .box_right .ct_img img{height:100%;width:auto;z-index:4}.activitees .ct_slide_activitees .box_Activite .box_right .ct_img .decor{position:absolute;top:50px;right:-35px;z-index:1;width:220px;height:220px;border-radius:100%;background-color:#2e57d07c}.activitees .ct_slide_activitees .box_Activite .box_right .ct_img .decor::after,.activitees .ct_slide_activitees .box_Activite .box_right .ct_img .decor:before{content:"";position:absolute;top:30px;left:15px;z-index:2;width:190px;height:190px;border-radius:100%;background-color:#628cff6c}.activitees .ct_slide_activitees .box_Activite .box_right .ct_img .decor:before{top:60px;left:30px;z-index:3;width:160px;height:160px;background-color:#88b0f55c}.a-propos{display:flex;justify-content:center;align-items:center;gap:8vw;position:relative;margin-bottom:160px}.a-propos .ct_img{border-radius:10px;overflow:hidden;min-width:clamp(500px, 40vw, 800px)}.a-propos .ct_img img{width:100%;height:auto;object-fit:cover;border-radius:10px}.a-propos .ct_text{flex-grow:1;color:var(--dark-text)}.a-propos .ct_text .text{line-height:26px;letter-spacing:.5px;word-spacing:3px}.a-propos .ct_text .datas{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:20px 0;color:var(--text-color);text-align:center}.a-propos .ct_text .datas .data{display:flex;flex-direction:column;max-width:160px}.a-propos .ct_text .datas .data .data_value{font-size:22px;margin:10px 0;font-weight:600;color:var(--text-color-p_dark)}.a-propos .ct_text .ct_cv{display:flex;justify-content:flex-start;margin-top:20px}.a-propos .ct_text .ct_cv .btn_cv{width:180px;height:50px;border-radius:5px;background-color:#6c42f3;display:flex;justify-content:center;align-items:center;font-size:16px;color:#fff;gap:10px;cursor:pointer}.a-propos .ct_text .ct_cv .btn_cv i{font-size:18px}.a-propos .ct_text .ct_cv .btn_cv:hover{animation:tada 1.5s ease-in-out 1}.a-propos .ct_text .ct_cv .btn_cv:hover i{font-size:18px;animation:slide .8s ease infinite 1.8s}@media only screen and (max-width: 1280px){.a-propos{flex-direction:column}.a-propos .ct_img{margin:10px 50px;min-width:clamp(280px, 50vw, 550px)}.a-propos .datas{margin-top:40px}.a-propos .ct_text .ct_cv{justify-content:center;margin-top:40px}}.works{position:relative;display:flex;flex-direction:column;gap:50px;height:100vh;align-items:center;background-color:#634e9833}.works .section-title{color:var(--dark-text)}.works .section-title .detail{font-size:14px;margin-top:15px;font-weight:500;line-height:25px;padding:0 25px;word-wrap:break-word}.skills{display:flex;flex-direction:column;position:relative}.skills .section-title .detail{font-size:14px;margin-top:15px;font-weight:500;line-height:25px;padding:0 25px;word-wrap:break-word}.skills .ct_sous_section{width:100%;display:flex;position:relative !important}.skills .ct_sous_section .sous_section{display:flex;flex-direction:column;flex-grow:1;padding-inline:4vw;position:relative}.skills .ct_sous_section .sous_section .sous-section-title{font-size:22px;font-weight:500;margin:40px 0;color:var(--title-text-color);display:flex;letter-spacing:1px}.skills .ct_sous_section .skills{width:100%;display:flex}.skills .ct_sous_section .skills .head_skil{padding-inline:4vw}.skills .ct_sous_section .skills .head_skil .menu{justify-content:flex-start}.skills .ct_sous_section .skills .head_skil .menu .item{cursor:pointer;transition:.2s;font-weight:500}.skills .ct_sous_section .skills .head_skil .menu .item:hover{color:var(--text-color-p_dark)}.skills .ct_sous_section .skills .head_skil .menu .active{color:var(--text-color-p_dark)}.skills .ct_sous_section .skills .ct_skills{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:30px 40px;flex-wrap:wrap;padding-block:30px;margin:auto}.skills .ct_sous_section .skills .ct_skills .framework .color_cart{background-color:#a345ac !important}.skills .ct_sous_section .skills .ct_skills .tools .color_cart{background-color:#40b854 !important}.skills .ct_sous_section .skills .ct_skills .skill{width:300px;height:180px;position:relative;display:flex;align-items:center}.skills .ct_sous_section .skills .ct_skills .skill:hover .color_cart{clip-path:polygon(0 0, 36% 0, 28% 100%, 0 100%);transition:all 1s cubic-bezier(0.4, 0.885, 0.32, 1) .2s}.skills .ct_sous_section .skills .ct_skills .skill:hover .color_cart .info{transition:transform .2s ease-in .1s;transform:translateY(-60px)}.skills .ct_sous_section .skills .ct_skills .skill:hover .color_cart .info .title{transition:transform .2s ease-in;transform:translateY(-60px)}.skills .ct_sous_section .skills .ct_skills .skill:hover .color_cart .ct_icon{transform:translate(-130%, -65%) scale(0.8);transition:transform .2s ease-in;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) .2s}.skills .ct_sous_section .skills .ct_skills .skill .color_cart{position:absolute;top:0;left:0;width:90%;height:100%;z-index:5;clip-path:polygon(0% 0, 100% 0%, 80% 100%, 0% 100%);border-radius:8px 10px 25% 8px;background-color:#e7934e;color:#fff;padding:10px 20px;overflow:hidden;transition:all .5s cubic-bezier(0.175, 0.885, 0.32, 1)}.skills .ct_sous_section .skills .ct_skills .skill .color_cart .info{font-size:12px;transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s}.skills .ct_sous_section .skills .ct_skills .skill .color_cart .info .title{font-size:16px;font-weight:600;transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) .7s}.skills .ct_sous_section .skills .ct_skills .skill .color_cart .ct_icon{width:80px;height:80px;position:relative;left:40%;margin-top:20px;font-size:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;transform:translate(-50%);color:var(--text-color-p_dark);transition:all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) .2s}.skills .ct_sous_section .skills .ct_skills .skill .color_cart .ct_icon i{width:80px;height:80px;position:relative;background-color:var(--skill-cart-bg);font-size:44px;border-radius:50%;display:flex;justify-content:center;align-items:center}.skills .ct_sous_section .skills .ct_skills .skill .color_cart .ct_icon::after{content:"";z-index:-1;position:absolute;top:-4px;left:-5px;width:70px;height:70px;border-radius:50%;background-color:var(--skill-cart-bg);opacity:.6;animation:animateBlob 3s infinite linear}.skills .ct_sous_section .skills .ct_skills .skill .detail{height:150px;width:100%;border-radius:8px;background-color:var(--skill-cart-bg);box-shadow:0 0 10px 2px #0f021f10;padding:15px;display:flex;justify-content:flex-end;padding:10px 20px}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail{display:flex;flex-direction:column;font-size:12px;color:var(--text-color-p_dark);gap:15px}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .head_detail{transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .head_detail .title{font-size:16px;font-weight:600;transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) .7s}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .maitrise,.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .projet{display:flex;gap:8px}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .maitrise{flex-direction:column}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .maitrise .matrise_slide{width:160px;height:3px;border-radius:3px;background-color:rgba(88,6,88,.2);position:relative}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .projet{flex-direction:row}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .projet i{font-size:16px !important;transition:.3s}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .projet:hover{color:#ffb048}.skills .ct_sous_section .skills .ct_skills .skill .detail .ct_detail .projet:hover i{margin-left:5px}.skills .ct_sous_section .experience{width:100%;height:clamp(100vh, 200vh, 150vh);position:relative}.skills .ct_sous_section .experience .bg{position:absolute;inset:0;z-index:-1}.skills .ct_sous_section .experience .bg .filter_mask{position:absolute;inset:0;z-index:2;background-color:#dd2fed1f;backdrop-filter:blur(35px)}.skills .ct_sous_section .experience .bg .decor1{z-index:1;position:absolute;right:-80px;top:200px;width:200px;height:40px;border-radius:20px;transform:rotate(45deg);animation:animateBlob 3s infinite linear;background:linear-gradient(120deg, #2f81edc4 -20%, #d34af9be 20%, #f764bac0 40%, #ff7d60c2 120%)}.skills .ct_sous_section .experience .bg .decor2{z-index:1;position:absolute;left:80px;bottom:160px;width:80px;height:80px;border-radius:50%;animation:animateBlob 3s infinite linear;background:linear-gradient(120deg, #f764bac0 -40%, #ff7d60c2 140%)}.skills .ct_sous_section .experience .bg .decor3{z-index:1;position:absolute;right:10px;bottom:50px;width:120px;height:50px;border-radius:50%;transform:rotate(20deg);background:linear-gradient(120deg, #a51ff3c0 -40%, #2fdf1f 140%)}.skills .ct_sous_section .experience .bg .decor4{z-index:1;position:absolute;left:5px;top:40px;width:180px;height:80px;border-radius:50%;transform:rotate(20deg);animation:animateBlob 3s infinite linear;background:linear-gradient(120deg, #ff1dd9ee -40%, #71faffec 120%)}.skills .ct_sous_section .experience .bg .decor5{z-index:1;position:absolute;left:50%;top:50%;width:40px;height:160px;border-radius:50%;transform:translate(-50%, -50%) rotate(-80deg);animation:small-flote 2.5s ease-in-out infinite alternate;background:linear-gradient(120deg, #ffa9a9d5 -40%, #71faffec 140%)}@media only screen and (max-width: 1280px){.ct_sous_section{flex-direction:column}.skills .ct_skills{grid-template-columns:1fr 1fr 1fr !important}}@media only screen and (max-width: 1024px){.skills .ct_skills{grid-template-columns:1fr 1fr !important}}@media only screen and (max-width: 768px){.skills .ct_skills{grid-template-columns:1fr !important}}.contact{display:flex;flex-direction:column;position:relative;margin:60px 0}.contact .section-title{color:var(--dark-text);margin:50px 0;display:flex;flex-direction:column;align-items:center}.contact .section-title .detail{font-size:14px;margin-top:15px;font-weight:500;line-height:25px;max-width:600px;padding:0 20px}.contact .boxs_contact{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.contact .boxs_contact .ct_contact{width:clamp(250px, 20vw, 280px);cursor:pointer;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;padding:0 25px;gap:10px;background-color:#ffa07a99;color:var(--title-text-color)}.contact .boxs_contact .ct_contact i{font-size:28px;color:#f36674}.contact .boxs_contact .phone{background-color:#6a4cff99}.contact .boxs_contact .phone i{color:#560d86}.contact .boxs_contact .whatsapp{background-color:#46ba7d99}.contact .boxs_contact .whatsapp i{color:#033a07}.dark-mode .contact .ct_contact i{color:#e6c4c8}.dark-mode .contact .phone i{color:#d6b3f1}.dark-mode .contact .whatsapp i{color:#97e59c}footer{background-color:#634e98;margin-top:50px;position:relative}.ct_footer{z-index:99 !important;color:#f5f7fa;transform:translateY(-40px);display:flex;flex-direction:column}.ct_footer .menu{transform:translateY(-110px);flex-wrap:wrap;position:relative}.ct_footer .menu:hover #cursor{background:var(--background);transform:translate(-20px, 0) scale(0.9)}.ct_footer .menu #cursor{position:absolute;width:80px;height:60px;border-radius:45% 77% 75% 45%/45% 45% 75% 75%;background:#f8be4000;z-index:10;pointer-events:none;mix-blend-mode:difference;z-index:9;transition:all .5s ease-in-out;transform:translate(-20px, 0) scale(0.8);animation:animateBlob 3s infinite linear}.ct_footer .social{font-size:24px;width:100%;height:0;justify-content:center;display:flex;gap:20px;transform:translateY(-70px)}.ct_footer .social i{position:relative}.ct_footer .social i::after{content:"";position:absolute;width:60px;height:60px;top:50%;left:50%;border-radius:45% 77% 75% 45%/45% 45% 75% 75%;background:#f8be4000;pointer-events:none;mix-blend-mode:difference;z-index:9;transition:all .1s;transform:translate(-50%, -50%) scale(0.7)}.ct_footer .social i:hover::after{transition:all .1s;background:var(--background);transform:translate(-50%, -50%) scale(0.8);animation:animateBlob 3s infinite linear}.ct_footer .copy{width:100%;text-align:center;height:0}.footbules{z-index:-1;--footer-background: #634e98;display:grid;position:relative;grid-area:footer;min-height:12rem}.footbules .bubbles{position:absolute;top:0;left:0;right:0;height:1rem;background:var(--footer-background);filter:url("#blob");z-index:-1}.footbules .bubbles .bubble{z-index:-1;position:absolute;left:var(--position, 50%);background:var(--footer-background);border-radius:100%;animation:bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s),bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);transform:translate(-50%, 100%)}.footbules .content{z-index:2;display:grid;grid-template-columns:1fr auto;grid-gap:4rem;padding:2rem;background:var(--footer-background);height:300px}.footbules .content a,.footbules .content p{color:#f5f7fa;text-decoration:none}.footbules .content b{color:#fff}.footbules .content p{margin:0;font-size:.75rem}.footbules .content>div{display:flex;flex-direction:column;justify-content:center}.footbules .content>div>div{margin:.25rem 0}.footbules .content>div>div>*{margin-right:.5rem}.footbules .content>div .image{align-self:center;width:4rem;height:4rem;margin:.25rem 0;background-size:cover;background-position:center}@keyframes bubble-size{0%,75%{width:var(--size, 4rem);height:var(--size, 4rem)}100%{width:0rem;height:0rem}}@keyframes bubble-move{0%{bottom:-4rem}100%{bottom:var(--distance, 10rem)}}.dark-mode{--nav-bg: #0000;--background: #1d1c2c;--skill-cart-bg: #161522;--text-color: #E6E9ED;--title-text-color: #E6E9ED;--dark-text: #e1e4e7;--text-color-p_dark: #ae9af1}body{background-color:var(--background);color:var(--text-color)}.container{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}