body{font-family:Arial, sans-serif;margin:0;padding:0;background-color:#f0f0f0}header{background-color:#3498db;padding:1em;color:white}nav ul{list-style-type:none;padding:0;margin:0}nav ul li{display:inline;margin-right:20px}nav ul li a{color:white;text-decoration:none}main{max-width:1200px;margin:0 auto;padding:20px}.timeline-item{position:relative;width:50%;padding:10px 40px;box-sizing:border-box}.timeline-item::after{content:'';position:absolute;width:25px;height:25px;right:-17px;background-color:white;border:4px solid #3498db;top:15px;border-radius:50%;z-index:2}.timeline-item.right{left:50%}.timeline-item.right::after{left:-16px}.timeline-item::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;border:medium solid #3498db}.timeline-item.left::before{right:30px;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #3498db}.timeline-item.right::before{left:30px;border-width:10px 10px 10px 0;border-color:transparent #3498db transparent transparent}.content{padding:20px 30px;background-color:white;position:relative;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}h1,h2{color:#3498db}