body {
  animation: bgChange 2.1s forwards; 
  font-family: Inter;
  color: white;
  margin: 2%;
  max-width: 100%;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
}

/* animação de fundo */
@keyframes bgChange {
  from {
    background: white;
  }
  to {
    background: rgb(29, 29, 29);
  }
}

/* header agora flex */
header {
  display: flex;              /* flex container */
  align-items: center;        /* alinha verticalmente ao centro */
  justify-content: flex-start;/* mantém os itens lado a lado */
  gap: 15px;                  /* espaço entre texto e imagem */
  font-size: 200%;
}

/* container do texto */
header .texto {
  display: flex;
  flex-direction: column;     /* texto empilhado verticalmente */
}

/* imagem do header */
header img {
  width: 50px;                /* largura fixa */
  height: 50px;               /* altura fixa */
  object-fit: cover;          /* mantém proporção */
  border-radius: 6px;         /* cantos arredondados */
}

h2 {
  margin: 0;
  font-weight: 400;
  font-size: 100%;
  display: flex;
  align-items: flex-end;
}

p {
  font-weight: 100;
  margin: 3%;
  max-width: 80%;
}

img {
  max-width: 100%;
  margin: 3%;
}

a {
  color: white;
  font-size: 150%;
}