*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:poppins,sans-serif;background:#fff;color:#000}
p{font-family:lato, serif;}
nav{position:fixed;top:0;width:100%;background:#22257A;color:#fff;padding:18px 30px;display:flex;justify-content:space-between;z-index:1000}
nav ul{display:flex;gap:20px;list-style:none}
nav a{color:#fff;text-decoration:none}
.hero{height:100vh;background-color: #FFA500;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.hero h1{font-size:4rem}
.accent{color:#22257A}
.content{max-width:1000px;margin:auto;padding:100px 20px}
.content h2,.blue h2{color:#22257A;margin-bottom:20px}
.timeline-section{height:100vh;overflow:hidden}
.timeline-content{max-width:700px;text-align:center;padding:40px}
.timeline-content h2{color:#F28C28;font-size:5rem;margin-bottom:10px}
.timeline-content h3{color:#22257A;font-size:2rem;margin-bottom:25px}
.timeline-content p{max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.8}
.timeline-track{display:flex;height:100vh}
.panel{min-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}
.panel:nth-child(odd){background:#f5f5f5}
.panel h2{font-size:4rem;color:#22257A}
.panel:nth-child(1){background:#22257A;}
.panel:nth-child(2){background:#35399A;}
.panel:nth-child(3){background:#4C50B0;}
.panel:nth-child(4){background:#6F72C5;}
.panel:nth-child(5){background:#A2A5E0;}
.panel:nth-child(6){background:#FFFFFF;}
.panel:nth-child(7){background:#FFF4E6;}
.panel:nth-child(8){background:#FFE1B8;}
.panel:nth-child(9){background:#FFC66E;}
.panel:nth-child(10){background:#F28C28;}
.panel:nth-child(-n+4) h2,
.panel:nth-child(-n+4) h3{color:#F28C28;}
.panel:nth-child(-n+4) p{color:white;}
.panel:nth-child(5) h2, 
.panel:nth-child(5) h3{color:#F28C28;}
.panel:nth-child(5) p{color:white;}
.blue{background:#22257A;color:#fff;padding:100px 20px;text-align:center}
.blue h2{color:#fff}
.orange{background:#FFA500;color:#000;padding:100px 20px;text-align:center}
.orange h2{color:#000}
footer{background-color:#FFA500;padding:80px 20px;text-align:center}