*{margin:0;padding:0;box-sizing:border-box;font-family:League Spartan,sans-serif}body{background-color:#fff}.timeline-title{text-align:center;font-size:3rem;color:#1a1a1a;margin-top:20px;margin-bottom:25px;font-weight:300;letter-spacing:-.02em}.timeline{position:relative;max-width:1200px;margin:100px auto;padding:0 1rem}.timeline:after{content:"";position:absolute;width:4px;height:100%;background:#e0e0e0;left:50%;top:0;margin-left:-2px;z-index:-1;animation:moveline 33.5s linear forwards}@keyframes moveline{0%{height:0}to{height:100%}}.container{padding:10px 50px;position:relative;width:50%;animation:movedown 1s linear forwards;opacity:0}@keyframes movedown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.container:first-child{animation-delay:0s}.container:nth-child(2){animation-delay:1s}.container:nth-child(3){animation-delay:2s}.container:nth-child(4){animation-delay:3s}.container:nth-child(5){animation-delay:4s}.container:nth-child(6){animation-delay:5s}.container:nth-child(7){animation-delay:6s}.container:nth-child(8){animation-delay:7s}.container:nth-child(9){animation-delay:8s}.container:nth-child(10){animation-delay:9s}.container:nth-child(11){animation-delay:10s}.container:nth-child(12){animation-delay:11s}.container:nth-child(13){animation-delay:12s}.container:nth-child(14){animation-delay:13s}.container:nth-child(15){animation-delay:14s}.container:nth-child(16){animation-delay:15s}.container:nth-child(17){animation-delay:16s}.container:nth-child(18){animation-delay:17s}.container:nth-child(19){animation-delay:18s}.container:nth-child(20){animation-delay:19s}.container:nth-child(21){animation-delay:20s}.container:nth-child(22){animation-delay:21s}.container:nth-child(23){animation-delay:22s}.container:nth-child(24){animation-delay:23s}.container:nth-child(25){animation-delay:24s}.container:nth-child(26){animation-delay:26s}.container:nth-child(27){animation-delay:27s}.container:nth-child(28){animation-delay:28s}.container:nth-child(29){animation-delay:29s}.container:nth-child(30){animation-delay:30s}.container:nth-child(31){animation-delay:31s}.container:nth-child(32){animation-delay:32s}.container:nth-child(33){animation-delay:33s}.container:nth-child(34){animation-delay:34s}.text-box{padding:25px 35px;background:#fff;position:relative;border-radius:12px;font-size:15px;border:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.text-box h2{font-weight:400;margin-bottom:8px;color:#1a1a1a;letter-spacing:-.01em}.text-box small{display:inline;font-size:14px;font-weight:300;color:#666;background-color:#f0f0f0;padding:4px 8px;border-radius:4px}.text-box p{margin-top:15px;font-weight:300;color:#4a4a4a;line-height:1.6;letter-spacing:-.01em}.left-container{left:0}.right-container{left:50%}.container img{position:absolute;width:45px;height:45px;border-radius:12px;right:-22px;top:32px;z-index:10;background-color:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.right-container img{left:-22px}.left-container-arrow{border-left:15px solid #f0f0f0;right:-15px;filter:drop-shadow(1px 0 1px rgba(0,0,0,.1))}.left-container-arrow,.right-container-arrow{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent}.right-container-arrow{border-right:15px solid #f0f0f0;left:-15px;filter:drop-shadow(-1px 0 1px rgba(0,0,0,.1))}.source-button{position:absolute;top:10px;right:10px;width:32px;height:32px;background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#1a1a1a}.source-button:hover{background-color:#1a1a1a;color:#fff}.source-button svg{width:16px;height:16px}.back-button{position:fixed;top:20px;left:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;z-index:1000}.back-button:hover{transform:translateX(-4px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.back-button svg{color:#333;transition:color .3s ease}.back-button:hover svg{color:#000}.back-button:after{content:"Home";position:absolute;left:50px;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .2s ease;pointer-events:none;white-space:nowrap}.back-button:hover:after{opacity:1}@media (max-width:1024px){.timeline-title{font-size:2.5rem}.timeline{margin:80px auto}.text-box{padding:20px 30px;font-size:14px}}@media screen and (max-width:768px){.timeline{margin:60px auto;padding:0 .75rem}.timeline:after{left:31px}.container{width:100%;padding-left:80px;padding-right:25px}.text-box{padding:18px 22px;font-size:14px}.text-box small{font-size:12px;padding:3px 6px}.right-container{left:0}.left-container img,.right-container img{left:10px;width:40px;height:40px}.left-container-arrow,.right-container-arrow{border-right:15px solid #f0f0f0;border-left:0;left:-15px;filter:drop-shadow(-1px 0 1px rgba(0,0,0,.1))}.source-button{width:28px;height:28px}.source-button svg{width:14px;height:14px}.back-button{width:36px;height:36px;top:15px;left:15px}.back-button svg{width:20px;height:20px}.back-button:after{left:45px;font-size:11px;padding:3px 6px}.timeline-title{font-size:2rem;margin-top:15px;margin-bottom:20px}}@media (max-width:480px){.timeline{margin:50px auto;padding:0 .5rem}.container{padding-left:70px;padding-right:20px}.text-box{padding:15px 20px;font-size:13px}.text-box small{font-size:11px;padding:2px 5px}.left-container img,.right-container img{width:35px;height:35px}.source-button{width:26px;height:26px}.source-button svg{width:12px;height:12px}.back-button{width:32px;height:32px;top:10px;left:10px}.back-button svg{width:18px;height:18px}.back-button:after{left:40px;font-size:10px;padding:2px 5px}.timeline-title{font-size:1.75rem;margin-top:10px;margin-bottom:15px}}