IMPLANTAÇÃO ERRO 404 VERCEL

Pessoal,

Não consegui implantar meu projeto corretamente, apareceu o erro 404, identifiquei que era o nome, estava com index2.htlm (pois foi assim que nomeei o projeto), e foi assim que todo o projeto foi feito, Para testar se era esse o motivo do erro, no github, eu alterei o index2.html para index.html, o que fez o projeto aparecer no vercel, não mais como erro 404, mas ele ficou todo desconfigurado, não ficando responsivo como o projeto base. A pagina não fica responsiva, os botão não funcionam o hover. Quando eu retorno o arquivo para index2.html, ele volta ao normal, mas volta o erro 404 no vercel.

O que fazer?

Outro ponto, como renomerar o index2.html para o index.htlm ou criar um outro nome, sendo que todas propriedades, comandos e etc, sejam puxadas? Pois, como citei, depois que eu altero o nome do index2.html para index.html, as propriedades, comandos, responsivo e etc, param de funcionar.

Reitero, eu consigo renomear, mas as propriedades, comandos e etc, não estão sendo puxadas.

Saliento que meu projeto não está mais ficando responsivo.

CSS:

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

:root {
    --cor-primaria: rgb(0, 8, 82);
    --cor-secudaria: #f6f6f6;
    --cor-terciaria: #22D4FD;
    --cor-quaternaria: #278ae7;
    --fonte-primaria: 'Krona One', sans-serif;
    --fonte-secundaria: 'Montserrat', sans-serif;
}


* { 
    margin: 0%; 
    padding: 0%;
}


body { 
    box-sizing: border-box; 
    background-color: var(--cor-primaria); 
    color: var(--cor-secudaria); 
}

.cabecalho {
    padding: 2% 0% 0% 20%;

}

.cabecalho__menu {
    display: flex;
    gap: 80px;
}


.cabecalho__menu_link {
    font-family: var(--fonte-secundaria);
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--cor-terciaria);
    text-decoration: none;
}


.apresentacao { 
    padding: 5% 20%; 
    display: flex; 
    align-items: center;
    justify-content: space-between; 
    gap: 82px;
}


.apresentacao__conteudo { 
    width: 50%; 
    display: flex;
    flex-direction: column; 
    gap: 40px; 
}


.apresentacao__conteudo__titulo { 
    font-size: 2.25rem; 
    font-family: var(--fonte-primaria);
}


.titulo-destaque { 
    color: var(--cor-terciaria); 
}


.apresentacao__conteudo__texto { 
    font-size: 1.5rem; 
    font-family: var(--fonte-secundaria); 
}

.apresentacao__links {  
    display: flex; 
    flex-direction: column; 
    justify-content: space-between;
    align-items: center; 
    gap: 32px; 
}

.apresentacao__links__subtitulo {
    font-family: var(--fonte-primaria); 
    font-weight: 400;
    font-size: 1.5rem; 
}


.apresentacao__links__navegacao { 
    display: flex;
    justify-content: center;
    gap: 16px;
    width: 50%; 
    text-align: center; 
    border-radius: 30px; 
    font-size: 1.5rem; 
    font-weight: 600;   
    padding: 25.1px 0;
    text-decoration: none;
    color: var(--cor-secudaria);
    font-family: var(--fonte-secundaria);  
    border: 3px outset var(--cor-terciaria);
}

.apresentacao__links__navegacao:hover {
    background-color: var(--cor-quaternaria);
    padding: 3%;
}

.apresentacao__imagem {
    width: 55%; 
}

.rodape {
    color: #000000;
    background-color: var(--cor-quaternaria);
    padding: 24px;
    text-align: center;
    font-family: var(--fonte-secundaria);
    font-size: 1.5rem;
    font-weight: 400;
}


@media (max-width: 1200px) { 
    .cabecalho {
    padding: 5%;
    }   

    .cabecalho__menu {
    justify-content: center;
    }

    .apresentacao__imagem {
    width: 65%; 
    }

    .apresentacao {  
    flex-direction: column-reverse;
    padding: 5%;
    }

    .apresentacao__conteudo {
        width: auto;
    }
}