/* Estilize o corpo da página */
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f8f9fa; /* Cor de fundo */
}

/* Estilize o container */
.container {
max-width: 500px;
padding: 20px;
text-align: center;
background-color: #ffffff; /* Cor de fundo do container */
border-radius: 10px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

/* Estilize a mensagem */
.message {
margin-top: 20px;
}

/* Estilize o botão */
.button {
margin-top: 20px;
background-color: #8e44ad; /* Cor roxa predominante */
border-radius: 10px; /* Cantos arredondados */
transition: background-color 0.3s ease; /* Transição suave ao passar o mouse */
}

/* Estilize o hover do botão */
.button:hover {
background-color: #6c3483; /* Cor roxa mais escura ao passar o mouse */
}