.rodape {
    padding: 24px;
    text-align: center;
    background-color: var(--cor-quartenaria);
    color: var(--cor-primaria);
    font: 'Dosis', sans-serif;
    font-size: 1.5rem;
}
  
  
.rodape {
    padding: 24px;
    text-align: center;
    background-color: var(--cor-quartenaria);
    color: var(--cor-primaria);
    font: 'Dosis', sans-serif;
    font-size: 1.5rem;
}
  
  
Opa Fernando, tudo certo?
Esse problema pode estar ocorrendo por conta da quantidade de conteúdo ser insuficiente para deixar o footer na parte de baixo da página. Uma possível solução é fixar o footer no fim da página:
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
Onde:
position fixed - fixa o elemento em relação à posição da janela do navegador;bottom 0 - define a distância entre o elemento e a borda inferior;width - ocupa toda a posição fixada.Se precisar de ajuda ou tiver alguma dúvida, estou à disposição, conte comigo!
Um bom dia e bons estudos
Valeu mano tu me deu um norte e agora ta tudo certo