h1 {
  opacity: 0;
}

h2,
h3,
p,
img,
.habilidade,
.projeto,
.contato {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

h2[data-elemento-visivel],
h3[data-elemento-visivel],
p[data-elemento-visivel],
img[data-elemento-visivel],
.habilidade[data-elemento-visivel],
.projeto[data-elemento-visivel],
.contato[data-elemento-visivel] {
  opacity: 1;
  transform: none;
}

.menu li a {
  transition: color 0.4s ease-in-out;
}

.menu li a:hover {
  color: #6E3D94;
}


.habilidade,
.projeto {
  transition: transform 0.4s ease-in-out;
}

.projeto:hover,
.habilidade:hover {
  transform: translateY(-10px);
}


.projeto_botoes_container button,
.projeto_botoes_container a,
button[type="submit"],
.menu li:last-child a {
  transition: opacity 0.4s ease-in-out;
}

.projeto_botoes_container button:hover,
.projeto_botoes_container a:hover,
button[type="submit"]:hover,
.menu li:last-child a:hover {
  opacity: 0.7;
}