.introduction-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:20px}.introduction-text{flex:7;text-align:left}.introduction-text h1{font-size:3rem;margin:0}.introduction-text p{font-size:1.5rem;margin:10px 0 0}.introduction-image{flex:3;display:flex;justify-content:center;align-items:center}.introduction-image img{max-width:100%;max-height:70vh;border-radius:0;object-fit:cover}html,body{height:100%;margin:0}.scroll-arrow{margin-top:20px;font-size:2rem;color:#fff;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.navbar{position:fixed;top:0;width:100%;background-color:#000c;padding:10px;z-index:1000}.navbar ul{list-style-type:none;display:flex;justify-content:center;margin:0;padding:0}.navbar ul li{margin:0 15px}.navbar ul li a{color:#fff;text-decoration:none;font-size:1.2rem;padding:10px 20px;transition:background-color .3s}.navbar ul li a:hover{background-color:#fff3;border-radius:5px}.section{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;color:#fff}.intro-section{background-color:#787169}.timeline-section{background-image:url(/images/timeline-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:50vh}.social-section{background-color:#333;height:50vh}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5}html{scroll-behavior:smooth}.intro-section{text-align:center;margin-top:0}.profile-picture{width:150px;height:150px;border-radius:50%;cursor:pointer}h1{font-size:2.5rem;margin-bottom:10px}.timeline-container{margin:20px 0;text-align:center;color:#333}.timeline{display:flex;justify-content:center;overflow-x:auto;padding:4px 0}.timeline-item{margin:0 10px;text-align:center}.timeline-year{font-size:1.1rem;font-weight:700;color:#0070f3}.social-links{text-align:center;padding:20px 0}.social-links a{margin:0 10px;font-size:1.5rem;color:#333;text-decoration:none}.social-links a:hover{color:#0070f3}