body {
  margin: 0;
}

.title {
  background: linear-gradient(
    to bottom right,
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.01),
    rgba(0, 0, 0, 0)
  );
  font-family: "Neuropol", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 5vh;
  color: #f9f9f9;
  text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.5);
  position: absolute;
  padding-top: 50px;
  padding-left: 50px;
  width: 40vw;
  height: 30vh;
  display: flex;
  gap: 0.3em;
  z-index: 15;
}

.title span:nth-child(1) {
  color: orange;
  font-size: 6vh;
}

.title > svg {
  height: 8vh;
  width: auto;
  transform: rotate(-90deg);
}

.title > svg > path {
  fill: #f9f9f9;
}