1
resposta

[Bug] não consigo editar meu CSS, edito os códigos, mas no site nada muda, e não sei como do nada ele parou

estou tentando trocar as cores do meu projeto e não esta mudando no site, já o revi várias e várias e não consigo entender o porque. coloquei aqui meu código CSS:

:root {
   --cor-primaria: #5D0E41;
   --cor-secundaria:#FF204E;
   --cor-terciaria: #A0153E;
   --cor-hover: #A0153E;

/* variavéis de  fontes e tamanhos */
   --fonte-primaria: "Oswald", sans-serif;
   --fonte-secundaria: "Encode Sans Expanded", sans-serif;
}

* {
   margin: 0;
   padding: 0;
}
body {
    box-sizing: border-box;
    background-color: var(--cor-primaria);
    color: var(--cor-secundaria);
}

.cabecalho{
   padding: 6% 0 0 5%;

}


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

.cabecalho_menu_link{ 
   font-size: 24px;
   font-weight: 400;
   color: var(--cor-terciaria);
   text-decoration: none;
   font-family:var(--fonte-primaria)
}

 .apresentacao {
    padding: 6% 5%;
    display: flex;
    align-items: center;
    justify-content:space-between;
 }

 .apresentacao_conteudo {
    width: 615px;
    display: flex;
    flex-direction: column;
    gap: 20px;

 }

 .apresentacao_conteudo_titulo {
    font-size: 36px;
    font-family:var(--fonte-primaria)
}

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

 .apresentacao_conteudo_texto {
    font-size: 24p;
    font-family:  var(--fonte-secundaria)
 }

 .apresentacao_links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 25px;

 }

.apresentacao_links_subtitulo {
   font-family: var(--fonte-primaria);
   font-weight: 300;
   font-size: 24px;

}

 
 .apresentacao_link_links { 
   display: flex;
   justify-content:center ;
   gap: 10px;
    border: 5px double var(--cor-secundaria);
    width: 250px;
    text-align: center;
    border-radius: 17px;
    font-size: 
    24px;
    padding: 7.px 0;
    text-decoration: none;
color: black;
font-family:  var(--fonte-secundaria);

 }
 .apresentacao_link_links:hover {
   background-color: var(--cor-hover);

 }
 .apresentacao_conteudo_texto:hover {
   color: var(--cor-hover);
 }
.apresentacao_imagem{
   max-width: 500px;
   max-height: 400px;
   width: auto;
   height: auto;
}
.rodape { 
   color: black;
   background-color: #fd22f6;
   font-family:var(--fonte-secundaria);
  padding: 20px;
   text-align: center;
   font-weight: 400;
}


/* curriculo style 
.apresentacao__conteudo__texto a{
   text-decoration: none;
   color: #22D4FD;
} */
1 resposta

Oi, Renan, tudo bem?

Peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Fico no aguardo!