.title {
  background-color: transparent;
  color: var(--bg);
  font-size: 2.5rem;
  margin-top: 5px;
}

#home {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;

  --band-width: 50px;

  background: linear-gradient(
    180deg,
    var(--bg) calc(50% - var(--band-width) * 2.5),
    var(--blue) calc(50% - var(--band-width) * 2.5),
    var(--blue) calc(50% - var(--band-width) * 1.5),
    var(--magenta) calc(50% - var(--band-width) * 1.5),
    var(--magenta) calc(50% - var(--band-width) * 0.5),
    var(--fg0) calc(50% - var(--band-width) * 0.5),
    var(--fg0) calc(50% + var(--band-width) * 0.5),
    var(--magenta) calc(50% + var(--band-width) * 0.5),
    var(--magenta) calc(50% + var(--band-width) * 1.5),
    var(--blue) calc(50% + var(--band-width) * 1.5),
    var(--blue) calc(50% + var(--band-width) * 2.5),
    var(--bg) calc(50% + var(--band-width) * 2.5)
  );
}