@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";header{background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:var(--header-h)}.container-header-profile{display:flex;align-items:center}.container-imgProfile-header{width:var(--headerProfile-w);height:var(--headerProfile-w);background-color:transparent;border:3px solid var(--secondary-color);border-radius:50%}.container-imgProfile-header img{width:100%;height:inherit;border-radius:50%}.container-labelProfile-header{display:flex;flex-direction:column;gap:4px;text-transform:capitalize;margin-left:8px}.container-labelProfile-header .profileName-header{color:var(--secondary-color);font-weight:700}.container-labelProfile-header .profileJob-header{color:var(--light-color)}header nav ul{display:flex;gap:24px}header nav ul li{list-style-type:none;display:inline-block;position:relative;padding-bottom:3px}header nav ul li:not(:last-child):after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--secondary-color);transform-origin:bottom center;transition:transform .3s ease-out}header nav ul li:hover:after{transform:scale(1);transform-origin:bottom center}header nav ul li:not(:last-child){color:var(--light-color);text-transform:capitalize}header nav ul li #btnProjects-header{background-color:var(--secondary-color);color:var(--primary-color);padding:8px;border-radius:var(--radius-btn);box-shadow:0 0 4px var(--secondary-color)}#ul-mobile{display:none}main{padding:0 5%;display:flex;justify-content:space-between;gap:64px;margin-bottom:64px}.description-main{width:40%;display:flex;flex-direction:column}.description-main h1{font-size:3.6em;color:var(--light-color)}.description-main h1 #success-site{color:var(--tertiary-color)}.description-main p{color:var(--light-color);font-size:1.5em}.description-main p .bold-main{font-weight:700;text-decoration:underline}.description-main a{padding:8px;border-radius:var(--radius-btn)}.container-btn-projects-main{display:flex;margin-top:64px;gap:16px}.container-btn-projects-main #btn-projects-main{background-color:var(--secondary-color);box-shadow:0 0 4px var(--secondary-color)}.container-btn-projects-main #btn-contact-main{background-color:transparent;color:var(--secondary-color);box-shadow:0 0 4px var(--secondary-color)}.created-projects{width:50%;background-color:var(--secondary-color);border-radius:var(--radius-createdProjects);padding:30px;display:flex;flex-direction:column}.container-column-createdProjects{width:100%;display:flex}.infos-createdProjects{display:flex;width:40%;gap:8px;flex-direction:column}.created-projects h2{color:var(--primary-color);font-size:1.5em;text-decoration:underline}.created-projects label{color:var(--primary-color);font-weight:700;margin-top:20px}.created-projects ul{display:flex;flex-direction:column;padding-left:20px;line-height:140%}.created-projects ul li{color:var(--primary-color);list-style-type:circle;font-weight:400;text-transform:capitalize}.created-projects aside{width:60%;margin:auto 0 0}.created-projects aside img{width:100%;height:100%}@media (max-width: 1273px){.description-main p{font-size:1.2em}}@media (max-width: 1093px){main{flex-direction:column}main .description-main{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.description-main p{margin:16px 0}.container-btn-projects-main{margin-top:24px}main .description-main,main .created-projects{width:100%}.created-projects{padding:0}.infos-createdProjects{padding:0 30px}.created-projects aside{padding:0 60px}.created-projects h2{margin:15px 0 0 30px;font-size:1.5em}}@media (max-width: 1000px){.created-projects aside{display:none}.created-projects{width:100%}.container-column-createdProjects{flex-direction:column}.infos-createdProjects{width:100%;padding:0 0 30px}.infos-createdProjects label{margin-left:30px}.infos-createdProjects ul{margin:0 30px;display:flex;flex-direction:row;flex-wrap:wrap}.infos-createdProjects ul li{padding-right:40px}}@media (max-width: 800px){#ul-mobile{display:flex;border-bottom:1px solid var(--secondary-color)}header{flex-direction:column;padding:5%}.hideOnMobile{display:none}header nav ul li:last-child:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--secondary-color);transform-origin:bottom center;transition:transform .3s ease-out}header nav ul li:last-child:hover:after{transform:scale(1);transform-origin:bottom center}header nav ul li:last-child{color:var(--light-color)}}@media (max-width: 716px){.created-projects h2{margin:15px 15px 0;font-size:1.5em}.infos-createdProjects label{margin-left:15px}.infos-createdProjects ul{margin:0 15px}}@media (max-width: 644px){.description-main h1{font-size:2.6em}}@media (max-width: 474px){.description-main h1{font-size:2.2em}.description-main p{font-size:1em}}.container-testimonials{padding:0 5%;display:flex;flex-direction:column;margin-bottom:64px}.container-testimonials h1{color:var(--tertiary-color);text-decoration:underline;font-size:2.5em;margin-bottom:16px}.container-cards-testimonials{display:flex;justify-content:space-between;gap:32px;margin-bottom:32px}.card-testimony{background-color:transparent;box-shadow:0 0 4px var(--secondary-color);width:30%;height:auto;border-radius:var(--radius-testimony)}.container-testimony-profile{display:flex;align-items:center;background-color:var(--secondary-color);border-top-left-radius:var(--radius-testimony);border-top-right-radius:var(--radius-testimony);padding:4px 10px}.container-imgProfile-testimony{width:var(--headerProfile-w);height:var(--headerProfile-w);border:3px solid var(--secondary-color);padding:3px;border-radius:50%;position:relative;background-color:var(--primary-color)}.container-imgProfile-testimony img{position:absolute;width:inherit;height:inherit;object-fit:contain;border-radius:50%}.container-labelProfile-testimony{display:flex;flex-direction:column;gap:4px;text-transform:capitalize;margin-left:8px}.container-labelProfile-testimony .profileName-testimony{color:var(--primary-color);font-weight:700}.container-labelProfile-testimony .profileJob-testimony{color:var(--primary-color)}.container-description-testimony{padding:0 10px;overflow-y:auto;height:220px}.container-description-testimony p{color:var(--light-color);line-height:140%}.btn-see-testimonials{margin-left:auto;background-color:transparent;color:var(--secondary-color);box-shadow:0 0 4px var(--secondary-color);padding:8px;border-radius:var(--radius-btn)}.container-label-study{margin-top:20px}.label-study{color:var(--tertiary-color)}.access-linkedin{color:var(--secondary-color);display:flex;align-items:center;gap:6px;font-weight:400;margin-bottom:20px}@media (max-width: 968px){.container-cards-testimonials{flex-direction:column}.card-testimony{width:100%}}@media (max-width: 560px){.container-testimonials h1{font-size:2em}}.container-linkedin{padding:2.5% 5%;display:flex;flex-direction:column;margin-bottom:64px;background:linear-gradient(60deg,var(--primary-color),var(--opacity-color))}.container-linkedin h1{color:var(--tertiary-color);text-decoration:underline;font-size:2.5em;margin-bottom:16px;text-transform:capitalize}.container-gap-linkedin{display:flex}.container-description-linkedin{display:flex;flex-direction:column;margin-right:5%;width:40%}.container-description-linkedin p{color:var(--light-color);margin:0 0 10px}.container-description-linkedin :first-child{margin:0 0 20px}.container-description-linkedin a{margin:auto auto 0 0;background-color:var(--secondary-color);color:var(--primary-color);font-weight:600;box-shadow:0 0 4px var(--secondary-color);padding:8px;border-radius:var(--radius-btn)}.container-description-linkedin p label{font-weight:700;padding-right:4px;color:var(--secondary-color)}.container-cards-linkedin{width:100%;display:flex;justify-content:space-between;gap:16px}.card-linkedin{display:flex;flex-direction:column;width:45%;border-radius:var(--radius-linkedin);background-color:transparent;box-shadow:0 0 4px var(--secondary-color)}.profile-card-linkedin{display:flex;flex-direction:column;border-top-left-radius:var(--radius-linkedin);border-top-right-radius:var(--radius-linkedin);padding:8px;gap:8px}.profile-card-linkedin p :first-child{font-weight:700}.profile-card-linkedin p{color:var(--light-color);margin:0;padding:0}.container-title-top-card-linkedin{color:var(--light-color)}.data-card:before{content:"| *";padding:0 4px}.container-padding-publish{padding:12px}.container-publish{display:flex;justify-content:space-between;align-items:center;width:100%;height:120px;gap:16px}.publish{display:grid;grid-template-columns:auto auto;width:30%;height:100%;background-color:#ffffff1f}.container-icon-publish{display:flex;justify-content:center;align-items:center}.publish-js{display:flex;justify-content:center;align-items:center;width:30%;height:100%;background-color:#ffffff1f}.icon-publish{font-size:2.6em}#react-icon{color:var(--react-color)}#angular-icon{color:var(--angular-color)}#vue-icon{color:var(--vue-color)}#svelte-icon{color:var(--svelte-color)}#js-icon{color:var(--js-color)}.container-info-publish{width:70%;display:flex;flex-direction:column;gap:8px}.container-info-publish :first-child{color:var(--secondary-color)}.container-info-publish label{color:var(--light-color)}.container-info-publish :first-child{font-weight:700}@media (max-width: 1075px){.container-gap-linkedin{flex-direction:column;gap:24px}.container-description-linkedin{width:100%}}@media (max-width: 726px){.container-cards-linkedin{flex-direction:column;gap:24px}.card-linkedin{width:100%}}@media (max-width: 560px){.container-linkedin h1{font-size:2em}}.container-homeProjects{padding:0 5%;flex-direction:column;margin-bottom:64px}.container-homeProjects h1{color:var(--tertiary-color);text-decoration:underline;font-size:2.5em;margin-bottom:16px;text-transform:capitalize}.container-scroll-homeProjects{display:flex;justify-content:space-between;align-items:center;margin:24px 0;gap:24px;box-shadow:0 0 4px var(--secondary-color);border-radius:var(--radius-btn)}.card-homeProjects{background-color:transparent;box-shadow:0 0 4px var(--secondary-color);border-radius:var(--radius-homeProjects);width:400px;animation:scroll 4s linear infinite;left:max(4800px,100%);position:absolute;animation-name:scrollLeft;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}.container-scroll-homeProjects:hover .card-homeProjects{animation-play-state:paused;cursor:pointer}.card-homeProjects h3{background-color:var(--secondary-color);border-top-left-radius:var(--radius-homeProjects);border-top-right-radius:var(--radius-homeProjects);padding:16px;margin:0;text-transform:capitalize}.container-description-card-homeProjects{padding:16px}.container-tecnologies-homeProjects{margin-bottom:16px}.container-tecnologies-homeProjects label{color:var(--secondary-color);text-transform:capitalize}.container-tecnologies-homeProjects label strong{padding-right:4px}.container-btn-homeProjects{display:flex;flex-direction:column;gap:16px}.container-btn-homeProjects a{background-color:transparent;color:var(--secondary-color);box-shadow:0 0 4px var(--secondary-color);display:flex;align-items:center;gap:6px;padding:8px;border-radius:var(--radius-btn);width:50%}.container-btn-see-projects{display:flex;justify-content:end}.container-btn-see-projects a{background-color:transparent;color:var(--secondary-color);box-shadow:0 0 4px var(--secondary-color);padding:8px;border-radius:var(--radius-btn)}.scroll{width:90%;max-width:auto;margin-inline:auto;position:relative;display:flex;align-items:center;height:var(--card-projectsHome-h);overflow:hidden;-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}@keyframes scrollLeft{to{left:-400px}}.card-homeProjects:nth-child(1){animation-delay:-27s;animation-name:scrollLeft}.card-homeProjects:nth-child(2){animation-delay:-24s;animation-name:scrollLeft}.card-homeProjects:nth-child(3){animation-name:scrollLeft;animation-delay:calc(30s / 10 * (10 - 3) * -1)}.card-homeProjects:nth-child(4){animation-name:scrollLeft;animation-delay:calc(30s / 10 * (10 - 4) * -1)}.card-homeProjects:nth-child(5){animation-name:scrollLeft;animation-delay:-15s}.card-homeProjects:nth-child(6){animation-name:scrollLeft;animation-delay:-12s}.card-homeProjects:nth-child(7){animation-delay:calc(30s / 10 * (10 - 7) * -1);animation-name:scrollLeft}.card-homeProjects:nth-child(8){animation-delay:-6s;animation-name:scrollLeft}.card-homeProjects:nth-child(9){animation-delay:-3s;animation-name:scrollLeft}.card-homeProjects:nth-child(10){animation-delay:-0s;animation-name:scrollLeft}@media (max-width: 560px){.container-homeProjects h1{font-size:2em}}footer{background-color:var(--primary-color);display:flex;flex-direction:column;padding:2.5% 12.5%;background:linear-gradient(240deg,var(--primary-color),var(--opacity-color))}.container-footer-profile{display:flex;align-items:center}.container-imgProfile-footer{width:var(--headerProfile-w);height:var(--headerProfile-w);border:3px solid var(--secondary-color);border-radius:50%;position:relative;background-color:var(--primary-color);background-color:#ffffff1f}.container-imgProfile-footer img{width:100%;height:inherit;border-radius:50%}.container-labelProfile-footer{display:flex;flex-direction:column;gap:4px;text-transform:capitalize;margin-left:8px}.container-labelProfile-footer .profileName-footer{color:var(--secondary-color);font-weight:700}.container-labelProfile-footer .profileJob-footer{color:var(--light-color)}.container-links-footer{display:grid;grid-template-columns:100%;margin-top:48px}.container-links-footer nav{display:flex;justify-content:space-between}.container-footerImg{width:50%;float:right;display:flex;justify-content:end}#footerImg{width:360px;height:60%}.links-section h3{font-size:3em;margin:0 0 24px;text-transform:capitalize;color:var(--secondary-color)}.links-section ul{display:flex;gap:24px;flex-direction:column;align-items:start;justify-content:center}.links-section ul li{list-style-type:none}.links-section ul li a{color:var(--light-color);padding-bottom:3px;display:flex;align-items:center;transition:ease-in-out .3s;border-bottom:1px solid transparent}.links-section ul li a .icon-footer{padding-right:6px}.links-section ul li{display:inline-block;position:relative}.links-section ul li:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--secondary-color);transform-origin:bottom center;transition:transform .3s ease-out}.links-section ul li:hover:after{transform:scaleX(1);transform-origin:bottom center}@media (max-width: 1200px){.container-footerImg{display:none}.container-links-footer{margin-top:32px}}@media (max-width: 680px){footer{padding:5%}.links-section h3{font-size:2em}.container-links-footer{margin-top:24px}}@media (max-width: 460px){.links-section h3{font-size:1.6em}.links-section ul li a{font-size:.9em}}.container{width:100%;height:100vh;background-color:var(--primary-color)}.container-projects{display:flex;padding:2.5% 5%;flex-direction:column}.container-projects h1{color:var(--tertiary-color);text-decoration:underline;font-size:2.5em;margin-bottom:16px;text-transform:capitalize}.container-style-projects{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;gap:32px}.card-project{border-radius:var(--radius-certification);box-shadow:0 0 4px var(--secondary-color);border-radius:var(--radius-homeProjects);width:auto}.card-project h3{margin:0;color:var(--primary-color);box-shadow:0 0 1px var(--secondary-color);padding:16px;text-transform:capitalize;background-color:var(--secondary-color);border-top-left-radius:var(--radius-homeProjects);border-top-right-radius:var(--radius-homeProjects)}.btn-projects{width:40%!important}@media (max-width: 1100px){.container-style-projects{grid-template-columns:repeat(1,1fr)}}@media (max-width: 560px){.container-projectsk h1{font-size:2em}}.container-testimonials-page{padding:2.5% 5%}.container-testimonials-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.container-testimonials-top h1{margin-top:16px}.back-home{background-color:var(--light-color);color:var(--primary-color);font-weight:600;padding:8px;box-shadow:0 0 4px var(--light-color);border-radius:var(--radius-btn);display:flex;align-items:center;gap:4px}.back-home:hover{background-color:var(--tertiary-color);box-shadow:0 0 3px var(--tertiary-color)}.container-cards-testimonials-page{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.card-testimony-page{width:100%}.back-home-mobile{display:none}@media (max-width: 1200px){.container-cards-testimonials-page{grid-template-columns:repeat(1,1fr)}}@media (max-width: 560px){.back-home{display:none}.back-home-mobile{display:flex}}:root{--primary-color: #3A3153;--secondary-color: #C0F1FE;--hover-secondary-color: #66d7fa;--tertiary-color: #00FF9D;--light-color: #FEFDFD;--opacity-color: #ffffff1f;--react-color: #00D8FF;--angular-color: #DD1B16;--vue-color:#00BD82;--svelte-color: #FF3E00;--js-color: #F7DF1E;--linkedin-color: #007BB5;--github-color: #0E1118;--email-color: #EA4335;--header-h: 120px;--headerProfile-w: 50px;--card-projectsHome-h: 320px;--radius-btn: 6px;--radius-createdProjects: 10px;--radius-testimony: 8px;--radius-homeProjects: 8px;--radius-linkedin: 8px;--radius-certification: 8px}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;font-family:Figtree,Arial,Helvetica,sans-serif;background-color:var(--primary-color)}input,a,ul,h1,h2{all:unset}h1,h2{font-weight:700}p{font-weight:300}a{font-weight:500;cursor:pointer;transition:all .3s}*{scrollbar-width:8px;scrollbar-color:var(--primary-color) var(--secondary-color)}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background-color:var(--primary-color)}*::-webkit-scrollbar-thumb{background-color:var(--secondary-color)}.container-btn-projects-main #btn-contact-main:hover,.btn-see-testimonials:hover,.container-btn-see-projects a:hover{color:var(--hover-secondary-color);box-shadow:0 0 4px var(--hover-secondary-color);box-shadow:0 0 4px var(--light-color);color:var(--light-color)}header nav ul li #btnProjects-header:hover,.container-btn-projects-main #btn-projects-main:hover,.container-description-linkedin a:hover,.card-certification a:hover{background-color:var(--hover-secondary-color);background-color:var(--light-color);box-shadow:0 0 4px var(--light-color)}.container-btn-homeProjects a:hover{color:var(--primary-color);color:var(--light-color);box-shadow:0 0 3px var(--light-color)}