/* TIMELINE */
#timeline-container {
    overflow: auto;
  }
  
  .inner-container{
    width: 80%;
  }

  .timeline {
    margin: 0 auto;
    position: relative;
    left: 120px;
    width: 80%;
    max-width: 900px;
    margin-top: 16px;
    margin-left: 5%;
  }
  
  .timeline-item {
    font-size: 1.4rem;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    border-left: 4px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    list-style-type: none;
    --item-width: calc(100%);
  
    &::after {
      content: attr(data-date);
      position: absolute;
      right: calc(var(--item-width) + 40px);
      top: 16px;
      float: right;
      font-weight: bold;
      white-space: nowrap;
    }
  
    &::before {
      content: "";
      border-radius: 50%;
      width: 16px;
      height: 16px;
      background-color: #ccc;
      position: absolute;
      left: -10px;
      top: 21px;
    }
  
    &:last-child {
      border-bottom: none;
    }
  }