/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-image: url("LAZ2GzCWEiTbGG27yoK77.jpeg"); /* nome exato da imagem enviada */
  background-repeat: repeat;           /* repete como papel de parede */
  background-size: auto;               /* mantém o tamanho original */
  background-position: top left;       /* começa no canto superior esquerdo */
  background-attachment: fixed;        /* fundo fixo ao rolar */
  color: #ffff66;                      /* texto amarelo para contraste */
  font-family: 'Courier New', monospace;
  margin: 0;
  padding: 0;
}


header {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 2rem;
  text-align: center;
  border-bottom: 2px solid #ffff33;
}

nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 1rem;
  margin: 0;
}

nav ul li {
  margin: 0 1rem;
}

nav ul li a {
  color: #ffeb3b;
  text-decoration: none;
}

nav ul li a:hover {
  text-decoration: underline;
  color: #fff176;
}

main {
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.5);
}

section {
  margin-bottom: 2rem;
}

footer {
  text-align: center;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-top: 2px solid #ffff33;
  color: #ffff66;
}