.timeline-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: auto;
}

.timeline {
  padding-bottom: 3rem;
  overflow: auto;
  align-self: flex-start;
}

.timeline div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #D9D7D2;
  box-shadow: 0px 0 10px 0 #ffffff33;
  padding-top: 1rem;
  padding-bottom: 1rem;
  min-width: 15rem;
}

.timeline h1 {
  font-size: 2.7rem;
  margin-bottom: 2rem;
  color: #000D;
}

.timeline h2 {
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
  color: #000C;
}

.timeline h3 {
  font-size: 1.7rem;
  text-align: center;
  color: #000A;
}

.timeline td {
  width: 5rem;
  padding: 0.3rem 0.3rem;
  /* border: 1px solid black; */
}

.footer td {
  padding: 0;
  width: 5rem;
  padding-top: 2rem;
  padding-left: 0.5rem;
  border-top: 1px solid white;
}

.timeline table {
  border-radius: 5px;
}

.timeline img {
  margin-left: 1rem;
  margin-right: 2rem;
  width: 5rem;
  height: 5rem;
  opacity: .7;
}

.timeline table {
  /* background-color: #00000022; */
  padding: 1rem;
  border-spacing: 0;
}

.timeline .right-border {
  border-right: 1px solid white;
}

.timeline .no-border {
  border: none;
}

.timeline .dashed-bottom {
  /* border-bottom: 1px dashed #white; */
}

.timeline h4 {
  color: #000000BB;
  font-weight: 500;
  text-align: center;
  font-size: 1.3rem;
}

.job-technologies {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  color: #000000C0
}

.job-technologies span {
  background-color: #10694b94;
  padding: 0.2rem 1rem;
  border-radius: 5px;
}