.timeline{color:#FFF;}.timeline ul li,.timeline ul li div{position:relative;background:#2d3041}.timeline ul li,.timeline ul li.in-view::after{background:#2d3041}*,::after,::before{margin:0;padding:0;box-sizing:border-box}.timeline ul{background:#fff;padding:0px 0}.timeline ul li{list-style-type:none;width:6px;margin:0 auto;padding-top:50px}.timeline ul li::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:inherit;z-index:1;transition:background .5s ease-in-out}.timeline ul li div{bottom:0;width:400px;padding:15px;visibility:hidden;opacity:0;transition:.5s ease-in-out}.timeline ul li div::before{content:"";position:absolute;bottom:7px;width:0;height:0;border-style:solid}.timeline ul li:nth-child(odd) div{left:45px;transform:translate3d(200px,0,0)}.timeline ul li:nth-child(odd) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #2d3041 transparent transparent}.timeline ul li:nth-child(2n) div{left:-439px;transform:translate3d(-200px,0,0)}.timeline ul li:nth-child(2n) div::before{right:-15px;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #2d3041}time{display:block;font-size:1.2rem;font-weight:700;margin-bottom:8px}.timeline ul li.in-view div{transform:none;visibility:visible;opacity:1}@media screen and (max-width:900px){.timeline ul li div{width:250px}.timeline ul li:nth-child(2n) div{left:-289px}}@media screen and (max-width:600px){.timeline ul li{margin-left:20px}.timeline ul li div{width:calc(100vw - 91px)}.timeline ul li:nth-child(2n) div{left:45px}.timeline ul li:nth-child(2n) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #f45b69 transparent transparent}}.timeline-clippy ul li::after{width:40px;height:40px;border-radius:0}.timeline-rhombus ul li::after{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.timeline-rhombus ul li div::before{bottom:12px}.timeline-star ul li::after{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.timeline-heptagon ul li::after{clip-path:polygon(50% 0%,90% 20%,100% 60%,75% 100%,25% 100%,0% 60%,10% 20%)}.timeline-infinite ul li::after{animation:2s infinite scaleAnimation}@keyframes scaleAnimation{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.25)}}.page-footer{position:fixed;right:0;bottom:20px;display:flex;align-items:center;padding:5px;color:#000;background:rgba(255,255,255,.65)}.page-footer a{display:flex;margin-left:4px}.timeline ul li:first-child{border-radius:10px 10px 0px 0px;}