.project_container{gap:2rem;width:100%;transition:all .3s ease-in-out;overflow:hidden}.my-masonry-grid{width:auto;margin-left:-16px;display:flex}.my-masonry-grid_column{background-clip:padding-box;padding-left:16px}.card_container{background:#1f1f1f;border-radius:16px;min-width:200px;max-width:380px;margin-bottom:24px;position:relative;overflow:hidden}.card_descriptif{flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute;bottom:0}.card_container img{object-fit:cover;width:100%;height:auto;display:block}.bottom_pils{gap:.5rem;padding:.5rem;position:absolute;bottom:0}.header_pils{gap:.5rem;padding:.5rem;position:absolute;top:0;left:0}.container_see_projects{width:100%;overflow:hidden}.button_see_projects{cursor:pointer;background:0 0;border:none}.text_see_projects{font-size:16px}
.skill_container{gap:3%;width:100%}.soft_skill{width:68%}.soft_skill_block{flex-wrap:wrap;gap:1.5rem;width:100%;height:auto}.soft_skill_element{border-radius:12px;justify-content:flex-start;align-items:center;gap:.5rem;width:48%;padding:1rem .5rem}.hard_tools_container{width:28%}.hard_skill{border-bottom:.5px solid var(--secondary-color);flex:1;margin-top:-1rem;margin-bottom:2rem;padding-bottom:2rem}.tools_skill{flex:1;gap:.5rem}.skills_mapping{flex-wrap:wrap;gap:.5rem;width:100%}.soft_skill_element_container{width:88%}.soft_skill_element_title{font-size:16px;font-weight:700}.soft_skill_element_description{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}
.timeline-section{min-height:100lvh;font-family:var(--font-text-medium);justify-content:center;align-items:center;margin-bottom:4rem;display:flex}.timeline-container{width:100%;max-width:960px;position:relative}.timeline-title{margin-bottom:20px;font-size:48px;font-weight:300}.timeline-subtitle{color:#777;max-width:600px;margin:0 auto;font-size:18px}.timeline-line{background:var(--secondary-color);z-index:0;width:1px;height:100%;position:absolute;top:3rem;left:50%;transform:translate(-1px)}.timeline-items{z-index:1;margin-top:10%;position:relative}.timeline-item{align-items:center;margin-bottom:1rem;display:flex;position:relative}.timeline-item.left{flex-direction:row}.timeline-item.right{flex-direction:row-reverse}.timeline-content{width:45%;padding:0 1.5rem}.timeline-item.left{text-align:end}.timeline-item-title{margin-bottom:8px;font-size:20px}.timeline-item-desc{color:var(--grey-color);font-size:14px;line-height:1.6}.timeline-dot{z-index:2;border:2px solid;border-color:var(--secondary-color);border-radius:50%;width:1rem;height:1rem;position:relative;top:8px;box-shadow:0 2px 6px #0000001a}.timeline-dot.accent{background-color:var(--secondary-color)}.timeline-dot.regular{background-color:var(--primary-color)}@media (max-width:768px){.timeline-item{text-align:center;align-items:center;flex-direction:column!important}.timeline-content{width:100%;padding:0}.timeline-dot{margin:20px 0}.timeline-line{left:20px;transform:none}}
.about_desc{text-align:center;width:72%;margin:auto;font-size:1.5rem}.strong{font-family:var(--font-text-bold)}.about_content{margin-top:1rem}.link_rs{gap:1rem;margin:2rem auto auto}
.footer_container{width:100%;padding:10lvh 3rem 0}.footer_block{background-color:var(--secondary-color);z-index:1;border-radius:48px;width:80%;height:fit-content;padding-inline:2rem;box-shadow:0 8px 20px #00000059}.footer_head_block{border-bottom:.5px solid var(--primary-color)}.footer_head_infos{gap:.5rem;width:50%;padding:2rem}.footer_link{justify-content:center;gap:10%;width:100%;margin-top:5%}.infos_title{align-items:center;gap:1rem}.infos_title p{color:var(--primary-color)}.infos_user{opacity:.5;color:var(--primary-color)!important;font-family:var(--font-text-light)!important}.infos_user a{color:var(--primary-color);text-decoration:none}.footer_footer{width:100%;padding:2rem}.footer_legal{gap:.7rem;width:42%}.legal_link{text-wrap:nowrap;font-size:14px}.title_footer{font-size:7rem;font-family:var(--font-text-bold);background:linear-gradient(to bottom,#0000000a,var(--primary-color));-webkit-text-fill-color:transparent;color:#0000;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;-webkit-background-clip:text;background-clip:text;margin-top:-2rem}@media (max-width:1080px){.infos_title{gap:.5rem;font-size:.9rem}.infos_user{font-size:.8rem}.footer_footer{flex-direction:column;align-items:center;gap:1rem}}.icons{font-size:2rem}@media (max-width:600px){.icons{font-size:1rem}}@media (max-width:1080px){.icons{font-size:1.4rem}}