html{scroll-behavior:smooth}body{background-color:#f5f5f5;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}#top_navbar .nav-link,#top_navbar .navbar-brand{color:#000!important}#top_navbar .navbar-brand{padding-left:150px}#top_navbar .collapse{padding-right:100px}#top_navbar{background-color:#fff!important}.vertical_nav{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;flex-direction:column;gap:10px;width:200px;margin:auto;padding:20px;display:flex}.nav-link{text-align:center;color:#fff;border-radius:50px;padding:15px 20px;text-decoration:none;transition:background .3s}.nav-link:hover{text-underline-offset:10px;-webkit-text-decoration:underline #3b4b59;text-decoration:underline #3b4b59;text-decoration-thickness:3px}.nav-link.active{background:#ffffff26;font-weight:700}.btn{border-radius:50px;margin-top:10px!important}.layout_container{flex-direction:column;flex:1;display:flex}.hero{color:#fff;justify-content:space-around;align-items:center;gap:60px;min-height:100vh;padding:100px;display:flex}.split_layout{box-sizing:border-box;background-color:#f5f5f5;justify-content:space-between;align-items:center;gap:40px;min-height:100vh;padding:150px;display:flex}.hero_welcome{color:#000;flex-direction:column;flex:1;align-items:flex-start;max-width:400px;margin-left:0;display:flex}.hero_welcome h1{margin-bottom:20px;font-size:3rem}.contact_btn{color:#fff;background-color:#3b4b59;border-radius:50px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block}.hero_mid{flex:1;justify-content:center;align-items:center;display:flex}.hero_right{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;max-width:400px;padding:0;display:flex}.hero_right .role{color:#000;width:500px;margin-bottom:0;font-size:3rem;font-weight:500}.selfie{box-sizing:border-box;background-color:#fff;border-radius:51% 0% 67%/52% 40% 60% 79%;flex-shrink:0;width:300px;padding:10px;overflow:hidden}.selfie img{object-fit:cover;width:100%;height:auto;display:block}.highlight{color:#a3b1ed}.inline_social{vertical-align:middle;gap:10px;margin-left:15px;display:inline-flex}.inline_social img{vertical-align:middle;width:32px;height:32px;transition:transform .3s}.inline_social img:hover{transform:scale(1.2)}.about_section{color:#333;background-color:#fff;padding:100px 150px}.about_section h2{color:#3b4b59;margin-bottom:40px;font-size:2.5rem}.job{margin-bottom:50px}.job ul{padding-left:20px}.job ul li{margin-bottom:8px}.projects_section{padding:100px 150px}.projects_section h2{margin-bottom:40px;font-size:2.5rem}.project_grid{flex-wrap:wrap;justify-content:space-between;gap:30px;display:flex}.project_card{flex:calc(20% - 30px)}#project1{background-image:url(/images/narc_recon_img.jpeg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:90px}#project1 a{text-decoration:none}#project1 .project_placeholder{color:#000}#project1 .project_placeholder:hover{color:#fff}#project2{background-image:url(/images/logo_vecteur.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:90px}#project2 a{text-decoration:none}#project2 .project_placeholder{color:#fff}#project2 .project_placeholder:hover{color:#000}#project3{background-image:url(/images/jeu.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:90px}#project3 a{text-decoration:none}#project3 .project_placeholder,#project3 .project_placeholder:hover{color:#000}#project4{background-image:url(/images/plant_logo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:90px}#project4 a{text-decoration:none}#project4 .project_placeholder{color:#fff}#project4 .project_placeholder:hover{color:#000}.project_placeholder{color:#666;text-align:center;border-radius:90px;justify-content:center;align-items:center;height:200px;font-size:1.2rem;transition:background .3s;display:flex}.project_placeholder:hover{cursor:pointer;background-color:#fff}.project_card{border-radius:90px;min-height:200px;overflow:hidden}.project_card a{width:100%;height:100%;display:block}.project_placeholder{display:none}footer{text-align:center;color:#ccc;margin-top:auto;padding:20px}@media (width<=768px){#top_navbar .navbar-brand{padding-left:10px;font-size:1rem}.hero.split_layout{text-align:center;flex-direction:column;padding:80px 20px}.hero_welcome{align-items:center;width:100%;padding-left:0}.hero_welcome h1{font-size:2.2rem}.hero_right{flex-direction:column;gap:20px;padding:0}.hero_right .role{width:100%;font-size:1.8rem}.hero_mid{order:-1;margin-bottom:20px}.selfie{width:200px}.inline_social{justify-content:center;margin-top:10px}.about_section{padding:60px 20px}.about_section h2,.projects_section h2{text-align:center;font-size:2rem}.project_card{flex:100%}}