.timeline-container {
    width: 100%;
    position: relative
}

.timeline-container .timeline-midline {
    position: absolute;
    height: 100%;
    top: 65px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    z-index: 1;
    overflow: hidden;
    width: 6px
}

.timeline-container .timeline-midline:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 15px solid #fff;
    transform: translateX(-50%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

.timeline-container .timeline-row {
    width: 100%;
    display: block;
    display: table;
    padding: 50px 0px
}

.timeline-container .timeline-row.odd .timeline-content {
    width: 50%;
    text-align: right;
    padding-right: 75px;
    padding-top: 10px;
    position: relative
}

.timeline-container .timeline-row.odd .timeline-content:after {
    content: '';
    position: absolute;
    top: 0;
    right: -24px;
    width: 48px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(106, 229, 204, 1.0);
    z-index: 2;
    box-shadow: 0 4px 12px rgba(106, 229, 204, 0.3)
}

.timeline-container .timeline-row.even .timeline-content {
    width: 50%;
    position: relative;
    z-index: 2;
    float: right;
    padding-left: 75px;
    padding-top: 10px
}

.timeline-container .timeline-row.even .timeline-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: -24px;
    width: 48px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(106, 229, 204, 1.0);
    box-shadow: 0 4px 12px rgba(106, 229, 204, 0.3);
    z-index: 2
}

@media (max-width: 768px) {
    .timeline-container .timeline-row.odd .timeline-content {
        width: 100%;
        text-align: left;
        padding-right: 0px;
        padding-bottom: 0px
    }

    .timeline-container .timeline-row.even .timeline-content {
        width: 100%;
        text-align: left;
        padding-left: 0px;
        padding-bottom: 0px
    }

    .timeline-midline {
        display: none
    }

    .timeline-container .timeline-row.odd .timeline-content:after, .timeline-container .timeline-row.even .timeline-content:after {
        display: none
    }
}

/*
     FILE ARCHIVED ON 13:35:02 Nov 26, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:40:23 Sep 13, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 242.976
  exclusion.robots: 0.165
  exclusion.robots.policy: 0.159
  cdx.remote: 0.053
  esindex: 0.008
  LoadShardBlock: 150.962 (3)
  PetaboxLoader3.datanode: 93.385 (5)
  CDXLines.iter: 13.477 (3)
  load_resource: 4044.846 (2)
  PetaboxLoader3.resolve: 198.929 (2)
*/