Estou fazendo o projeto do currículo e percebi que quando usei a função "hover" a fonte do link altera de cor antes de chegar no escrito do mesmo. Quando utilizei esta função no projeto do Figma das aulas funcionou normalmente porém mesmo copiando a mesma função não obtive o mesmo resultado. Alguém poderia me ajudar?
Obs: Tentei fazer um print da tela pra demonstrar melhor o que acontece porém a seta do mouse não aparece quando printa a tela :/
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Curriculo do Brian</title>
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<header class="cabecalho">
<nav class="cabecalho__menu">
<a href="index.html" class="cabecalho__menu__link">Home</a>
<a href="about.html" class="cabecalho__menu__link">Mais Sobre Mim</a>
<a href="about.html" class="cabecalho__menu__link">Contatos</a>
</nav>
</header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<h1 class="apresentacao__conteudo__titulo">Olá! Que tal diversificar a sua empresa com uma pessoa experiente com trabalhos em ambientes em constantes mudanças e desafios?</h1>
<h2 class="apresentacao__conteudo__texto">Bem vindo, me chamo Brian Sato e este é meu modo de demonstrar minhas habilidades no mundo da tecnologia da informação.
Este será um modelo de curriculo diferente onde você terá acesso a mais que apenas informações a meu respeito, mas também a avaliar meu trabalho.
Vamos nessa?!
</h2>
</section>
<img src="./Originals/IMG_0732.JPG" alt="foto do Brian">
</main>
<footer class="rodape">
<h3>Desenvolvido por Brian Sato.</h3>
<h4>Suzuka - Japão.</h4>
</footer>
</body>
</html>*{
margin:0%;
padding:0%;
}
body{
box-sizing: border-box;
background-color: #000000;
color:white;
}
span {
color: #22D4FD;
border: 10px solid #22D4FD;
padding: 2px;
}
.cabecalho{
background-color: #DAA520;
padding:1% 2%;
}
.cabecalho__menu__link{
color:#000000;
font-size: 24px;
font-family: "Abel", sans-serif;
padding:8%;
text-decoration: none;
}
.cabecalho__menu__link:hover{
color:white;
}
.apresentacao{
padding: 3% 10%;
display:flex;
align-items: flex-start;
gap:40px;
}
.apresentacao__about{
padding: 3% 10%;
display:flex;
align-items: flex-end;
}
.apresentacao__conteudo{
width: 600px;
display: flex;
flex-direction: column;
gap: 40px;
}
.apresentacao__conteudo__titulo{
font-size: 35px;
font-family:"Roboto Condensed", sans-serif;
}
.apresentacao__conteudo__texto{
font-size: 20px;
font-family:"Roboto Condensed", sans-serif;
font-weight: 300;
}
.rodape{
color:#000000;
font-size: 15px;
background-color: #DAA520;
font-family:"Abel", sans-serif;
text-align: center;
position:absolute;
bottom:0;
left:0;
right:0;
}