body.home {
  text-align: center;
  font-size: 1.5rem;
}

.logo {
  margin-top: 2%;
  max-width: 60vw;
  height: auto;
}

#welcome {
  margin-top: 2%;
}

.clipPath {
  fill: #250bac;
}

.mainPath {
  fill: #250bac;
  stroke: black;
}

@media (prefers-color-scheme: dark) {
  .mainPath {
    stroke: #3c29a1;
  }
}

@media screen and (max-width: 800px) and (orientation: portrait) {
  .logo {
    margin-top: 0;
    max-width: 90vw;
  }
}