Boa noite! Estou tentando criar as classes mas não estou conseguindo. Com muito custo a classe "titulo-destaque" deu certo, agora a classe de profissoes que criei não está indo e não entendo o porquê. Estou fazendo algo de errado?
index.html
<!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=device-width, initial-scale=1.0">
<meta name="author" content="Daniel de Salles Oliveira">
<title>Portfolio Joana</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header></header>
<main>
<h1>Eleve seu negócio digital a outro nível <strong class="titulo-destaque">com um Front-end de qualidade!</strong></h1>
<p1>Olá! Sou Joana Santos, desenvolvedora Front-end com especialidade em <strong class="profissoes">React, HTML e CSS</strong>. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p1>
<a href="https://Instagram.com/daniel.desalles">Instagram</a>
<a href="https://google.com.br">GitHub</a>
<img src="Imagem.png" alt="Imagem da Joana na frente do Notebook">
</main>
<footer></footer>
</body>
</html>style.css
body {
background-color: black;
color: #F6F6F6;
}
.titulo-destaque {
color: aqua;
}
.profissoes {
color: aqua;
}