/* Garante que a página ocupe toda a tela para a centralização funcionar */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, "sans-serif";
  -webkit-font-smoothing: antialiased;
  /* Melhora a renderização da fonte */
}

body {
  background-color: #4A4A4A;
  /* Usando Flexbox para centralizar o conteúdo perfeitamente */
  display: flex;
  justify-content: center;
  /* Centraliza na horizontal */
  align-items: center;
  /* Centraliza na vertical */
  transition: background-color 0.3s ease;
  /* Adiciona uma transição suave na cor de fundo */
}

div.corpo {
  text-align: center;
  /* Removemos as propriedades 'position' e 'top' que impediam a centralização */
}

img {
  width: 40%;
  /* Aumentado de 30% para 40% */
  /* O padding foi removido daqui para um controle melhor no media query */
}

p {
  color: #EEEBE5;
}

a {
  font-style: italic;
  font-weight: bold;
  color: #666666;
  font-family: Verdana, Arial, Helvetica;
}

/* --- REGRAS PARA TELAS MENORES (CELULARES) --- */
@media only screen and (max-width: 750px) {
  #im {
    width: 50%;
    /* Aumentado de 70% para 80% */
  }
}