.timeline .timeline-stage {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(191, 171, 255, .58);
  border-radius: 999px;
  background: linear-gradient(135deg, #543aa8, #302060);
  box-shadow: 0 8px 18px rgba(9, 4, 29, .28), inset 0 1px 0 rgba(255, 255, 255, .2);
  color: #f7f2ff;
  font: 500 16px/1 'DM Mono', monospace;
  letter-spacing: -.025em;
  text-transform: none;
}

.timeline article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.timeline article::before {
  display: none;
}

.timeline h3 {
  margin-top: 28px;
  margin-right: auto;
  margin-left: auto;
}

.timeline p {
  margin-right: auto;
  margin-left: auto;
  font-size: 15px;
}

@media (max-width: 760px) {
  .timeline .timeline-stage {
    min-height: 36px;
    padding: 0 11px;
    font-size: 16px;
  }

  .timeline h3 {
    margin-top: 24px;
  }

  .timeline p {
    font-size: 15px;
  }
}