#about,#skills,#skills h2,#skills h3,.passion{color:#fff}#home .home-info,.timeline{margin-left:auto;margin-right:auto}#home,#home .home-info,#skills,.home-info,.home-info h1,.home-info h3,.section-title{text-align:center}.collapse.navbar-collapse,.navbar-nav{float:right}.collage-container{perspective:1000px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;padding:10px}@keyframes rotacion3D{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}.item-log img{width:100px;transition:transform .5s;animation:1.2s ease-out forwards rotacion3D}.logo{width:30%;border-radius:50%}.item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.item1{grid-column:span 2;grid-row:span 2}.s{width:80px}.about-modif{background-color:#000}li a:hover{background:red;transition:.2s ease-in}.panel-heading{background:#000}.panel-title a{color:#000;font-size:18px;display:block;padding:10px}.panel-title a:hover{text-decoration:none;color:red}.panel-body{background:#f8f8f8}.timeline{position:relative;margin-top:60px;max-width:900px}.timeline::after{content:'';position:absolute;width:4px;background:red;top:0;bottom:0;left:50%;margin-left:-2px}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.skill-card{padding:25px;border-radius:10px;width:150px;transition:.3s}.project-card,.timeline-content{background:#fff;border-radius:10px}.skill-card:hover{transform:translateY(-10px);background:red}.skill-card i{font-size:40px;margin-bottom:10px}.projects-grid{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}#home,.timeline-item{display:flex;align-items:center}.project-card{padding:30px;width:250px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:.3s}.project-card:hover{transform:scale(1.05)}.timeline-item::before,.timeline::before{content:'';position:absolute;background:red;left:50%;transform:translateX(-50%)}.timeline-item{justify-content:space-between;margin:80px 0;position:relative}.timeline-item.left{flex-direction:row}.timeline-image img{box-shadow:0 10px 20px rgba(0,0,0,.2);width:100%;border-radius:10px}.timeline-item.right .timeline-content{margin-left:0;margin-right:30px}.timeline::before{top:0;width:4px;height:100%}.timeline-content{padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.timeline-item.right{flex-direction:row-reverse}.timeline-item::before{width:16px;height:16px;border-radius:50%;top:40px;z-index:10}.clip-video{width:100%;height:auto;aspect-ratio:16/9}.container{padding-left:15px;padding-right:15px}.timeline-content,.timeline-image{width:35%}body,html{overflow-x:hidden}#home{justify-content:center}.social-icon a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}img{max-width:100%;height:auto;display:block}#skills{background:#0f172a}.skill-card{background:#1e293b;color:#fff}#about{background:#111827}#about h2,#about h3,#about p,#about small,.team-in fop{color:#e5e7eb}.team-thumb{position:relative;overflow:hidden}.team-thumb::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.65);z-index:1}.team-info{position:sticky;z-index:2;color:#fff;padding:20px}.team-info h2{color:#fff;font-weight:700}.team-infos mall{color:#d1d5db}.s{display:inline}.lite-youtube-fallback{aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1em;padding:1em;background-color:#000;color:#fff;text-decoration:none}.lite-youtube-fallback::before{display:block;content:'';border:solid transparent;border-width:2em 0 2em 3em;border-left-color:red}.lite-youtube-fallback:hover::before{border-left-color:#fff}.lite-youtube-fallback:focus{outline:red solid 2px}@media screen and (max-width:767px){.timeline-item{display:block!important;width:100%!important;margin-bottom:40px!important}.timeline-content,.timeline-image{display:block!important;width:100%!important;float:none!important}.timeline-image{margin-bottom:15px;text-align:center}.timeline-image img{width:100%;max-width:300px;height:auto}.timeline-content{padding:20px;background:#fff;border-radius:10px}.timeline-dot,.timeline-item::after,.timeline-item::before,.timeline::before{display:none!important}.timeline::after{display:none}}