Quando coloco o código transform-style: preserve-3d na classe palavras-home, as palavras passam a invadir a estrutura do main na página e sair do header. Alguém sabe me dizer o porque? Se eu comento essa parte volta ao normal, porém sem o efeito 3D quando uso o scroll.
.palavras-home, .titulo-principal { transform-style: preserve-3d; }
.palavras-home { perspective: 6px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 400%; }
[ATUALIZADO]: Mudando a perspectiva do body as palavras voltam para o lugar. Estava com 6px, é como se estivessem muito próximas. Tive que aumentar para 200px para voltarem ao seu lugar original.
