body {
  margin-left: 25%;
  margin-right: 10%;
  color: #473C8B;
  background: #b597c9;
}

/* Estilos globais para links normais */
:link {
  color: white;
  text-decoration: none;
}
:visited {
  color: white;
  text-decoration: none;
}
:active {
  color: black;
  text-decoration: none;
}
:hover {
  color: black;
  text-decoration: none;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
  color: #473C8B;
}

h3 {
  font-size: 1.4em;
  margin: .50em 0;
  color: #473C8B;
}

/* Botão personalizado */
.homeButton {
  display: inline-block;
  padding: 10px 20px;
  background-color: #EEAEEE; /* cor de fundo */
  color: white;              /* cor do texto */
  text-decoration: none;     /* remove o sublinhado */
  border-radius: 8px;        /* cantos arredondados */
  font-weight: bold;
  transition: background-color 0.3s;
  border: 1px solid black;   /* borda à volta */
}

/* Força o estilo dos links do botão */
.homeButton:link,
.homeButton:visited {
  color: white !important;
  text-decoration: none !important;
}

.homeButton:hover {
  background-color: grey; /* cor quando passa o mouse */
  color: white !important;
}
