.keywords{font-weight:700;color:#008cff}.hero-section{max-width:800px;margin:10rem auto 0;padding:2rem;border:1px solid rgba(255,255,255,.219);border-radius:10px;font-family:Segoe UI,sans-serif}.hero-section h1{font-size:2rem;font-weight:700}.hero-section h2{font-size:2rem;font-weight:400}.hero-content{display:flex;justify-content:space-between}.hero-text{display:flex;flex-direction:column}.socials{display:flex;gap:1rem;transition:transform .3s ease}.social-icons{height:50px;width:50px}.social-icons:hover{transform:scale(1.1)}.skills-section{max-width:800px;color:white;overflow:hidden;margin:2rem auto 0}.skills-section h1{font-size:2rem;margin-bottom:2rem}.carousel{max-width:800px;margin:0 auto;width:800px;overflow:hidden}.carousel-track{display:flex;width:calc(200px * 12);animation:scroll 10s linear infinite}.carousel-track img{width:200px;height:100px;flex-shrink:0}.carousel:hover .carousel-track{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-1200px)}}.projects h1{font-size:2rem;font-weight:700;margin-bottom:2rem}.projects{max-width:800px;margin:0 auto}.image-container{position:relative;width:800px;overflow:hidden;border-radius:10px;margin:1rem auto 4rem}.project-image{width:100%;display:block;opacity:.8;transform:scale(1);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.button-overlay{position:absolute;bottom:10px;left:10px;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;gap:10px}.technologies img{height:50px;width:100px;border:1px solid rgba(255,255,255,.123);border-radius:20px;margin-right:1rem}.image-container:hover .button-overlay{opacity:1}.image-container:hover .project-image{opacity:.1;transform:scale(1.05)}.github-link{display:flex;align-items:center;flex-direction:row;width:150px}.github-link h2{margin-left:10px}.timeline-section{max-width:800px;margin:0 auto;padding:40px 0;position:relative}.experience-header{font-size:2rem;margin-bottom:2rem}.timeline{position:relative;max-width:800px;margin:10 auto}.timeline:before{content:"";position:absolute;width:4px;background-color:white;top:10px;bottom:70px;margin-left:-10px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;left:-16px;background-color:#0077ff;border:3px solid #ffffff;border-radius:50%;margin-top:8px}.timeline-content{position:relative;margin-bottom:20px;margin-left:1rem}.contact-section h1{font-size:2rem;font-weight:700}.contact-section{position:relative;max-width:800px;margin:0 auto;display:flex;flex-direction:column;border:solid;padding:2rem;border:1px solid rgba(255,255,255,.219);border-radius:10px}.contact-section img{height:80px;width:80px}.contact-section h3{margin-left:1rem}.contact-pair,.navbar{display:flex;align-items:center}.navbar{position:fixed;top:0;width:100%;color:white;padding:1rem 2rem;justify-content:center;background-color:rgb(12,12,12);z-index:1000}.navbar-logo{font-size:1.5rem;font-weight:700;color:#fff}.navbar-links a{margin-left:5rem;color:#fff;text-decoration:none;transition:color .3s ease}