@import url(https://fonts.googleapis.com/css?family=Cardo|Pathway+Gothic+One);body{background-color:#1a202c}.timeline{display:flex;margin:0 auto;flex-wrap:wrap;flex-direction:column;max-width:700px;position:relative}.timeline__content-title{font-weight:400;font-size:66px;margin:-10px 0 0 0;transition:0.4s;padding:0 10px;box-sizing:border-box;font-family:"Pathway Gothic One",sans-serif;color:#fff}.timeline__content-desc{margin:0;font-size:15px;box-sizing:border-box;color:rgb(255 255 255 / .7);font-family:Cardo,serif;font-weight:400;line-height:25px}.timeline:before{position:absolute;left:50%;width:2px;height:100%;margin-left:-1px;content:"";background:rgb(255 255 255 / .07)}@media only screen and (max-width:767px){.timeline:before{left:40px}}.timeline-item{padding:40px 0;opacity:.3;filter:blur(2px);transition:0.5s;box-sizing:border-box;width:calc(50% - 40px);display:flex;position:relative;transform:translateY(-80px)}.timeline-item:before{content:attr(data-text);letter-spacing:3px;width:100%;position:absolute;color:rgb(255 255 255 / .5);font-size:13px;font-family:"Pathway Gothic One",sans-serif;border-left:2px solid rgb(255 255 255 / .5);top:70%;margin-top:-5px;padding-left:15px;opacity:0;right:calc(-100% - 56px)}.timeline-item:nth-child(even){align-self:flex-end}.timeline-item:nth-child(even):before{right:auto;text-align:right;left:calc(-100% - 56px);padding-left:0;border-left:none;border-right:2px solid rgb(255 255 255 / .5);padding-right:15px}.timeline-item--active{opacity:1;transform:translateY(0);filter:blur(0)}.timeline-item--active:before{top:50%;transition:0.3s all 0.2s;opacity:1}.timeline-item--active .timeline__content-title{margin:-50px 0 20px 0}@media only screen and (max-width:767px){.timeline-item{align-self:baseline!important;width:100%;padding:0 30px 150px 80px}.timeline-item:before{left:10px!important;padding:0!important;top:50px;text-align:center!important;width:60px;border:none!important}.timeline-item:last-child{padding-bottom:40px}}.timeline__img{max-width:100%;box-shadow:0 10px 15px rgb(0 0 0 / .4)}.timeline-container{width:100%;position:relative;padding:80px 0;transition:0.3s ease 0s;background-attachment:fixed;background-size:cover;background-position:center center}.timeline-container:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(30 41 59 / .8);content:""}.timeline-header{width:100%;text-align:center;margin-bottom:80px;position:relative}.timeline-header__title{color:#fff;font-size:46px;font-family:Cardo,serif;font-weight:400;margin:0}.timeline-header__subtitle{color:rgb(255 255 255 / .5);font-family:"Pathway Gothic One",sans-serif;font-size:16px;letter-spacing:5px;margin:10px 0 0 0;font-weight:400}