/* Estilos globais */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background-color: #1c1c1c;
      color: white;
      font-family: Arial, sans-serif;
      max-width: 600px;
      margin: 0 auto;
    }
    a {
      color: white;
      text-decoration: none;
      transition: color 0.3s;
    }
    .container {
    width: 100%;
    max-width: 600px; /* ajuste o valor para a largura desejada */
    margin: 0 auto; /* centraliza o conteúdo do site */
   }
    a:hover {
      color: #FFA500;
    }

    /* Estilos do menu */
    nav {
      border-bottom: 1px solid #555;
      padding: 10px;
    }

    nav ul {
      list-style: none;
      display: flex;
      justify-content: center;
      margin: 0;
      padding: 0;
    }

    nav ul li {
      position: relative;
      margin: 0 10px;
      border-radius: 5px;
      border: 1px solid #2e2e2e;
    }

    nav ul ul {
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #2e2e2e;
      display: none;
      padding: 0;
      margin: 0;
      border-top: 1px solid #555;
    }

    nav ul ul li {
      width: 200px;
      border-bottom: 1px solid #555;
      padding: 10px;
      margin: 0;
    }

    nav ul ul li:last-child {
      border-bottom: none;
    }

    nav ul li:hover > ul {
      display: block;
    }

    /* Estilos da seção da imagem */
    .header-img {
      height: 200px;
      background-color: #1a1a1a;
    }
    
.titulo-centralizado {
  text-align: center;
  margin: 40px 0; /* adiciona uma margem de 40 pixels em cima e em baixo */
}

blockquote {
  margin-top: 20px; /* adiciona uma margem superior de 20 pixels ao elemento blockquote */
  border-left: 5px solid #fff;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  font-size: 1.2em;
  font-style: italic;
  background-color: #292929;
  color: #fff;
}

figure {
  position: relative;
}

figcaption {
  position: absolute;
  top: -30px;
  left: 0;
}

    /* Estilos do rodapé */
footer {
  background-color: #262626;
  color: #f2f2f2;
  text-align: center;
  padding: 10px;
  margin-top: 50px;
  border-radius: 5px;
}

footer p {
  margin: 0;
}

.social-icons {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.social-icons a {
  display: inline-block;
  margin: 0 10px;
  color: #f2f2f2;
  font-size: 1.5em;
}

.social-icons a:hover {
  color: #fff;
}