.experience {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--text-color);
}

.experience li {
  margin-bottom: 1rem;
}

.experience li .period {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.experience li .period::before {
  display: inline-block; 
  width: 1rem;
  height: 1rem;
}

.experience li .bi {
  margin-right: 0.5rem;
  color: var(--text-color);
}