.lanyard-wrapper{z-index:0;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;transform:scale(1.3)}
:root{--colorBackground:#111517;--colorHeader:#020024;--colorBubbel:#fff;--colorText:#fff;--timeline:#020024;--timelineActive:#fff}.timeline ul li{background:var(--colorBubbel);font-family:var(--fontBase);width:2px;margin:0 auto;padding-top:100px;list-style-type:none;position:relative}.timeline ul li:after{background:inherit;content:"";border-radius:50%;width:15px;height:15px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.timeline ul li div{background:var(--colorBubbel);color:var(--timeline);width:400px;padding:32px 16px 32px 24px;position:relative;bottom:0}.timeline ul li:nth-child(odd) div{left:45px}.timeline ul li:nth-child(2n) div{left:-439px}time{letter-spacing:-1px;padding:0;font-family:League Gothic,sans-serif;font-size:80px;font-weight:700;line-height:.8em;display:block}.title{font-family:var(--fontBase);letter-spacing:-1.5px;margin-bottom:10px;font-size:32px;font-weight:700;line-height:.9em}.company{font-family:var(--fontHead);margin-bottom:-1px}.location{font-family:var(--fontHead);margin-bottom:4px;font-size:14px}.description{font-family:var(--fontBase);letter-spacing:-.5px;font-size:18px;line-height:1.1em}.timeline ul li:after{transition:background .5s ease-in-out}.timeline ul li.inView:after{background:var(--timelineActive)}.timeline ul li div{opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.timeline ul li:nth-child(odd) div{transform:translate(200px)}.timeline ul li:nth-child(2n) div{transform:translate(-200px)}.timeline ul li.inView div{opacity:1;visibility:visible;transform:none}.timeline-cta{color:var(--timeline);text-underline-offset:.2rem;font-family:var(--fontBase);text-transform:uppercase;letter-spacing:.05em;margin-top:16px;font-size:16px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .3s;display:inline-block}.timeline-cta:hover{opacity:.7}@media screen and (max-width:900px){.timeline ul li div{width:280px}.timeline ul li:nth-child(2n) div{left:-319px}}@media screen and (max-width:700px){.timeline ul li{width:0;margin-left:0}.timeline ul li div{width:calc(100vw - 100px)}.timeline ul li:nth-child(2n) div,.timeline ul li:nth-child(odd) div{left:26px}.timeline ul li:nth-child(2n) div:before{border:none}.timeline ul li:after{display:none}}