body {
	background-color: #d20505; /* Vermelho sangue */
	color: whitesmoke;
	font-family: 'Amatic SC', cursive; /* Fonte simples e moderna */
	text-align: center;
	margin: 0;
	padding: 20px;
}
#intro {
    font-size: 2.5rem; /* Tamanho do texto */
    color: whitesmoke;
    margin: 50px 50px; /* Espaço em cima e embaixo */
    text-align: justify; /* Justifica o texto */
    max-width: 80%
}

h1 {
	font-size: 5rem;
    color: black;
	margin-bottom: 20px;
	font-weight: bold;
}
h2 {
	font-size: 4rem;
	margin-bottom: 20px;
	font-weight: lighter;
}

/* Estilos para o vídeo */
video {
    display: block;
    margin: 20px auto;
    max-width: 80%;
    border: 5px solid whitesmoke;
    border-radius: 10px;
  }
  
  /* Estilos para a chamada à ação */
  #callToAction {
    display: none; /* Inicialmente escondido */
    text-align: center;
    margin-top: 20px;
  }
  
  #callToAction p {
    font-size: 5rem;
    color: whitesmoke;
  }
  
  #callToAction button {
    display: block;
    margin: 10px auto;
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 4rem;
    cursor: pointer;
    border-radius: 10px;
  }
  
  #callToAction button:hover {
    background-color: #0056b3;
  }

  textarea {
    display: block; /* Garante que fique em uma nova linha */
    margin: 15px auto; /* Centraliza horizontalmente */
    padding: 10px;
    font-size: 1.2rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: vertical; /* Permite ao usuário redimensionar verticalmente */
    width: 100%; /* Ocupa 90% da largura do contêiner */
    max-width: 800px; /* Limita a largura máxima */
    height: 200px; /* Define uma altura maior para a caixa */
}
textarea:focus {
    border-color: #007BFF; /* Altera a cor da borda ao focar */
    outline: none; /* Remove o destaque padrão do navegador */
}