me deparei com um problema que o footer não aparecia no final da pagina e sim sobre o conteúdo 
A solução que arranjei para isso foi adicionar o comando min-height: 100vh; na main. ficando desse jeito
- .apresentacao{
- margin: 10% 15%;
- display: flex;
- justify-content: space-between;
- align-items: center;
- min-height: 100vh;
- }
O min-height: 100vh define a altura mínima do elemento em 100% da altura da viewport (área visível da página no navegador). Ao definir a altura mínima do container como 100vh, ele ocupa todo o espaço vertical disponível na viewport, empurrando o conteúdo para baixo e, consequentemente, fazendo com que o footer apareça sempre no final da página, independentemente do conteúdo que esteja na página. Essa é uma técnica muito comum para criar layouts responsivos em que se deseja que o footer fique sempre no final da página.
e ficou assim o resultado
