.main {

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: calc(100vh - var(--header-height));
  box-sizing: border-box;

}

.main > * {

  margin: 20px 0;

}

.main > h1 {

  max-width: 400px;
  text-align: center;
  color: var(--violet);
  font-size: 40px;
  font-family: "Mulish", sans-serif;

}

.main > p {

  max-width: 600px;
  font-size: 15px;
  text-align: justify;

}

#start-button, .question-submit-button {

  padding: 20px 40px;
  font-size: 17px;
  border-radius: 40px;
  background-color: transparent;
  border: solid 2px #2ecc71;
  color: #2ecc71;
  cursor: pointer;
  transition: background-color 0.2s linear, color 0.2s linear;
  margin: 10px;
  margin-top: 20px;

}

#start-button:hover, .question-submit-button:hover {

  color: white;
  background-color: #2ecc71;

}

.back { border-color: var(--red); color: var(--red); }
.back:hover { background-color: var(--red)!important; }