#join > h1 {
  margin-bottom: 1rem;
}

#join > p {
  color: black;
  text-align: center;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1.3rem;
  margin-bottom: 3rem;
}

#join {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#join > .rq-button {
  border-radius: 0.4rem;
  border: 3px solid #9a54bc;
  background: #9a54bc;
  color: white;
}

#join > .rq-button:hover {
  border-radius: 0.4rem;
  border: 3px solid #9a54bc;
  background: white;
  color: #9a54bc;
}

#roadmap {
  position: relative;
  width: 100%;
  height: 25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#roadmap > img {
  cursor: default;
  scale: 2;
}

#roadmap > p {
  color: #9a54bc;
  font-family: "DM Sans";
  font-size: 1.5rem;
  font-weight: 500;
}