* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
:root {
  --primary: #20bec8;
  --white1: #fff;
  --white2: #f7f7f7;
  --grey1: #6d6d6d;
  --grey2: #a7a7a7;
  --black: #0b0b0b;
}
#title-center::after {
  position: absolute;
  content: "";
  background-color: var(--white2);
  width: 100vw;
  height: 180%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.title-center {
  border-left: 12px solid var(--primary);
}
.work-project span {
  position: relative;
  margin-right: 10px;
}
.work-project span::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  background-color: var(--primary);
}
