h1{
    font-family:  'Times New Roman', Times, serif;
    font-size: xx-large;/* diminui título */
    display: flex;
    align-items: center;
    color: brown;
    text-align: center;
}
p{
    font-family: 'Times New Roman', Times, serif;
    color: rgb(29, 27, 27);
    font-size: larger;
}
button {
  background-color: #b30000;   /* vermelho forte */
  color: #fff;                 /* texto branco */
  border: none;
  padding: 12px 24px;
  margin: 10px;
  border-radius: 8px;          /* cantos arredondados */
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s;            /* animação suave */
}

button:hover {
  background-color: #800000;   /* vinho no hover */
}



.historia {
  color: #333;              /* cor cinza escuro */
  line-height: 1.8;         /* aumenta o espaço entre linhas */
  font-size: 18px;          /* fonte mais legível */
}
.historia {
  max-width: 600px; 
  margin: auto;               /* centraliza no meio da tela */
  background: #fff;           /* fundo branco */
  padding: 20px;
  border-radius: 12px;        /* bordas arredondadas */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* sombra suave */
}
figure {
  text-align: center;
}
img {
  max-width: 100%;
  border-radius: 10px;
}

/* Fundo da página */
body {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(to bottom, #e7e560, #e4f71b);
  margin: 0;
  padding: 20px;
  color: #333;
}

/* Container principal */
.container {
  max-width: 700px;
  margin: auto;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  line-height: 1.8;
  font-size: 18px;
}

/* Texto narrativo */
p {
  margin-bottom: 20px;
}

/* Frase de destaque */
blockquote {
  text-align: center;
  font-style: italic;
  font-size: 20px;
  color: #b30000;
  margin: 20px 0;
}

/* Imagem e legenda */
figure {
  text-align: center;
  margin: 20px 0;
}

img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

figcaption {
  font-size: 14px;
  color: #555;
  margin-top: 6px;
}

/* Botão voltar */
.botoes {
  text-align: center;
  margin-top: 20px;
  color: #b2fa0a;
}