@charset "UTF-8";@keyframes slide-top{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.slide-top{transform:translateY(50px);transition:none}.slide-top.active{animation:slide-top 1.6s ease-out;opacity:1!important;transform:translateY(0)}@keyframes slide-bottom{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.slide-bottom{transform:translateY(-50px);transition:none}.slide-bottom.active{animation:slide-bottom 1.6s ease-out;opacity:1!important;transform:translateY(0)}@keyframes slide-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-left{transform:translate(-50px)}.slide-left.active{animation:slide-left 1.6s ease-out;opacity:1!important;transform:translate(0)}@keyframes slide-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slide-right{transform:translate(50px)}.slide-right.active{animation:slide-right 1.6s ease-out;opacity:1!important;transform:translate(0)}@keyframes slide-scale-up{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.slide-scale-up{transform:scale(.7);transition:opacity 1s;opacity:0}.slide-scale-up.active{animation:slide-scale-up 1s forwards;opacity:1!important;transform:scale(1)}body{background:#080b12;color:#94a3b8;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}img{user-drag:none;-webkit-user-drag:none}#three-container{position:absolute;z-index:-1;background:#080b12;-webkit-user-select:none;user-select:none}#three-container canvas{width:100%!important;height:100%!important}section{padding:96px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;width:100%}section .header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;max-width:90%}section .header .title h2{font-size:48px;line-height:48px;background:linear-gradient(to right,#00bfff,#33f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Montserrat,sans-serif;margin:0;text-align:center}section .header .text{display:flex;flex-direction:column;align-items:center;justify-content:center}section .header .text p{font-size:18px;line-height:28px;font-family:Roboto,sans-serif;margin:0;text-align:center;max-width:100%}section.hero{padding:248px 0}section.hero .hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1000px;gap:24px}section.hero .hero-content-picture img{width:152px;height:152px;border-radius:50%;border:5px solid rgb(0,191,255);object-fit:cover;transition:all .3s ease}section.hero .hero-content-picture img.animated{transform:scale(2)}section.hero .hero-content-name h1{font-size:30px;color:#f8fafc;font-family:Montserrat,sans-serif;margin:0;text-align:center}section.hero .hero-content-title p{font-size:96px;line-height:96px;background:linear-gradient(to right,#00bfff,#33f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Montserrat,sans-serif;font-weight:700;margin:0;text-align:center}@media(max-width:768px){section.hero .hero-content-title p{font-size:68px}}@media(max-width:500px){section.hero .hero-content-title p{font-size:44px;line-height:48px}}section.hero .hero-content-text{display:flex;flex-direction:column;align-items:center;justify-content:center}section.hero .hero-content-text p{font-size:24px;line-height:32px;font-family:Roboto,sans-serif;margin:0;text-align:center;max-width:90%}section.hero .hero-content-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}section.hero .hero-content-button .button{padding:12px 32px;border-radius:12px;text-decoration:none;transition:all .3s ease;font-family:Roboto,sans-serif}section.hero .hero-content-button .button:first-child{background:#00bfff;color:#080b12}section.hero .hero-content-button .button:first-child:hover{background:#00bfffe6}section.hero .hero-content-button .button:last-child{background:linear-gradient(90deg,#0d121ccc,#0d121c66);color:#f8fafc}section.hero .hero-content-button .button:last-child:hover{background:linear-gradient(120deg,#0d121ccc,#00bfff66)}section.a-propos .a-propos-cards{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:32px;max-width:90%;width:60vw}section.a-propos .a-propos-cards .a-propos-card{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:16px;flex:1;border:1px solid rgba(36,46,66,.3);background:linear-gradient(120deg,#0d121ccc,#0d121c66);padding:33px;border-radius:16px;height:-webkit-fill-available}section.a-propos .a-propos-cards .a-propos-card .a-propos-card-icon svg{padding:14px;width:28px;height:28px;color:#00bfff;background:#00bfff1a;border-radius:12px;box-shadow:0 0 20px #00bfff4d}section.a-propos .a-propos-cards .a-propos-card .a-propos-card-text h3{font-size:20px;line-height:28px;font-family:Roboto,sans-serif;margin:0;color:#f8fafc}section.a-propos .a-propos-cards .a-propos-card .a-propos-card-text p{font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#94a3b8}@media(max-width:1500px){section.a-propos .a-propos-cards{width:100%}}@media(max-width:1048px){section.a-propos .a-propos-cards{flex-direction:column}section.a-propos .a-propos-cards .a-propos-card{max-width:80%;width:400px}}section.competences{background:#0d121c4d}section.competences .competences-progress{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;width:50vw}@media(max-width:768px){section.competences .competences-progress{width:90%}}section.competences .competences-progress .competences-progress-box{display:flex;align-items:center;justify-content:center;gap:16px;width:fit-content}section.competences .competences-progress .competences-progress-box h3{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#00bfff;background:#00bfff1a;border-radius:99px;border:1px solid rgba(0,191,255,.2);padding:4px 12px;font-weight:400}section.competences .competences-progress .competences-progress-box h3:hover{transform:scale(1.1);transition:all .3s ease;background:#00bfff33}section.competences .competences-progress .competences-progress-box svg{width:20px;height:20px;color:#00bfff}section.competences .competences-progress .competences-progress-box:hover .description{opacity:1;display:block}section.competences .competences-progress .competences-progress-box .description{position:absolute;top:0;transform:translateY(calc(-100% - 12px));font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#94a3b8;background:#0d121c;border-radius:16px;border:1px solid rgba(0,191,255,.2);padding:4px 12px;font-weight:400;width:300px;display:none;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:999}section.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;width:1400px;max-width:90vw}@media(max-width:1500px){section.projects{width:100%}section.projects .projects-cards{flex-direction:column!important}}section.projects .projects-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%}section.projects .projects-header h1{font-size:60px;line-height:60px;background:linear-gradient(to right,#00bfff,#33f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Montserrat,sans-serif;align-self:start;margin:0}section.projects .projects-header p{align-self:start;font-size:18px;line-height:28px;font-family:Roboto,sans-serif;margin:0}section.projects .projects-header a.back{align-self:start;width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;border-radius:10px;text-decoration:none;transition:all .3s ease;font-family:Roboto,sans-serif;background:none;color:#f8fafc}section.projects .projects-header a.back:hover{color:#00bfff}section.projects .projects-header a.back svg{width:16px;height:16px}section.projects .projects-cards{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;align-items:start;max-width:100%}section.projects .projects-cards .projects-card{display:flex;flex-direction:column;align-items:center;justify-content:start;border:1px solid rgba(36,46,66,.3);background:linear-gradient(120deg,#0d121ccc,#0d121c66);border-radius:16px;flex:1;max-width:424px;height:-webkit-fill-available}@media(max-width:1500px){section.projects .projects-cards .projects-card{max-width:100%}}section.projects .projects-cards .projects-card .project-card-header{width:100%;height:192px}section.projects .projects-cards .projects-card .project-card-header .projects-card-pictures{width:100%;height:100%;overflow:hidden;border-radius:16px 16px 0 0}section.projects .projects-cards .projects-card .project-card-header .projects-card-pictures img{width:100%;height:100%;object-fit:cover}section.projects .projects-cards .projects-card .project-card-header .projects-card-pictures:hover img{transform:scale(1.1);transition:all .3s ease}section.projects .projects-cards .projects-card .project-card-main{display:flex;flex-direction:column;padding:24px;width:100%;height:100%;box-sizing:border-box}section.projects .projects-cards .projects-card .project-card-main .projects-card-text h3{font-size:20px;line-height:28px;font-family:Roboto,sans-serif;margin:0;color:#f8fafc}section.projects .projects-cards .projects-card .project-card-main .projects-card-text p,section.projects .projects-cards .projects-card .project-card-main .projects-card-text pre{font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#94a3b8;width:100%;white-space:pre-wrap;word-wrap:break-word}section.projects .projects-cards .projects-card .project-card-main .projects-card-stacks ul{display:flex;flex-direction:row;align-items:center;justify-content:start;flex-wrap:wrap;gap:8px;list-style:none;padding:0}section.projects .projects-cards .projects-card .project-card-main .projects-card-stacks ul li{font-size:12px;line-height:16px;font-family:Roboto,sans-serif;margin:0;color:#00bfff;background:#00bfff1a;border-radius:99px;border:1px solid rgba(0,191,255,.2);padding:4px 12px}section.projects .projects-cards .projects-card .project-card-main .projects-card-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin-top:auto}section.projects .projects-cards .projects-card .project-card-main .projects-card-button .button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:8px 60px;border-radius:10px;text-decoration:none;transition:all .3s ease;font-family:Roboto,sans-serif}section.projects .projects-cards .projects-card .project-card-main .projects-card-button .button svg{width:16px;height:16px}section.projects .projects-cards .projects-card .project-card-main .projects-card-button .button.url{background:#00bfff;color:#080b12}section.projects .projects-cards .projects-card .project-card-main .projects-card-button .button.url:hover{background:#00bfffe6}section.projects .projects-cards .projects-card .project-card-main .projects-card-button .button.github{background:#080b12;color:#f8fafc}section.projects .projects-cards .projects-card .project-card-main .projects-card-button .button.github:hover{background:#00bfff;color:#080b12}section.projects .projects-button .button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:12px 32px;border-radius:10px;text-decoration:none;transition:all .3s ease;font-family:Roboto,sans-serif;background:#00bfff;color:#080b12}section.projects .projects-button .button:hover{background:#00bfffe6}section.projects .projects-button .button svg{width:16px;height:16px}section.experiences{background:#0d121c4d}section.experiences .experiences-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;max-width:90%}section.experiences .experiences-cards .experiences-card{display:flex;flex-direction:column;align-items:start;justify-content:center;flex:1;border:1px solid rgba(36,46,66,.3);background:linear-gradient(120deg,#0d121ccc,#0d121c66);border-radius:16px;width:768px;max-width:90%;padding:32px;box-sizing:border-box}section.experiences .experiences-cards .experiences-card .experiences-card-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:100%}section.experiences .experiences-cards .experiences-card .experiences-card-header .experiences-card-icon svg{padding:12px;width:32px;height:32px;color:#00bfff;background:#00bfff1a;border-radius:12px;box-shadow:0 0 20px #00bfff4d}section.experiences .experiences-cards .experiences-card .experiences-card-header .experiences-card-text{width:100%}section.experiences .experiences-cards .experiences-card .experiences-card-header .experiences-card-text h3{font-size:20px;line-height:28px;font-family:Roboto,sans-serif;margin:0;color:#f8fafc}section.experiences .experiences-cards .experiences-card .experiences-card-header .experiences-card-text .name{font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#00bfff}section.experiences .experiences-cards .experiences-card .experiences-card-header .experiences-card-text .date{font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#94a3b8}section.experiences .experiences-cards .experiences-card .experiences-card-main{padding:24px}section.experiences .experiences-cards .experiences-card .experiences-card-main p{font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#94a3b8}section.contact{padding:32px 0}section.contact div.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%}section.contact div.card .email{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}section.contact div.card .email svg{width:24px;height:24px;color:#00bfff;background:#00bfff1a;border-radius:12px;box-shadow:0 0 20px #00bfff4d}section.contact div.card .email a{font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#f8fafc;text-decoration:none}section.mentions-legales{width:1400px;max-width:90vw;padding:0 0 64px;align-items:start;gap:12px}section.mentions-legales h2{font-size:24px;line-height:32px;font-family:Roboto,sans-serif;margin:0;color:#f8fafc}section.mentions-legales pre{font-size:16px;line-height:24px;font-family:Roboto,sans-serif;margin:0;color:#94a3b8;font-weight:400;margin-block:0;padding:0}section.mentions-legales pre span{font-weight:700;color:#00bfff}@media(max-width:768px){section .header .title h2{font-size:32px;line-height:36px}section .header .text p{font-size:16px;line-height:24px}section .hero-content-name h1{font-size:24px}section .hero-content-text p{font-size:18px;line-height:26px}section .projects-header h1{font-size:36px;line-height:40px}section .projects-header p{font-size:16px;line-height:24px}}