body {
  background-color: #282C34;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.title-text {
  margin: 10px 0;
  cursor: default;
}

.link {
  cursor: pointer;
  text-align: center;
  padding: 5px 25px;
}

.link.purple:hover {
  background-color: #C678DD;
  color: #282C34;
}

.link.red:hover {
  background-color: #E06C75;
  color: #282C34;
}

@media (orientation: portrait) {
  .title-text {
    font-size: 9vw;
  }
  
  .link {
    font-size: 6vw;
  }
}