alguem poderia me dizer o que esta errado no codigo

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

*{ margin: 0; padding: 0; } body{ height: 100vh; box-sizing: border-box; background-color: #000000; color: #F6F6F6; }

.titulo-destaque{ color: #22D4FD; } .apresentacao{ margin: 10% 15%; display: flex; align-items: center; justify-content:space-between; }

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

.apresentacao_conteudo_titulo{ font-size:36px;

font-family:'Krona One',sans-serif;

}

.apresentacao_conteudo_titulo{ font-size: 24px;

font-family: 'Montserrat', sans-serif;

}

.apresentacao_links{ display:flex; justify-content: space-between; }

.apresentacao__links__link { background-color: #22D4FD; width: 280px; text-align: center; border-radius: 16px; font-size: 24px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color:#000000; font-family: 'Montserrat', sans-serif; } html

eleve seu negócio digital a outro nível com um Front-end de qualidade!

ola! Sou Joana Santos, desenvolvedora Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?

            <div class="apresentacao__links">
                <a  class="apresentacao__links__link" href="https://instagram.com/rafaballerini">Instagram</a>
                <a class="apresentacao__links__link" href="https://github.com/guilhermeonrails">Github</a>
            </div>
        </section>
        <img src="Imagem.png.png" alt="Foto da Joana Santos programando">
    </main>
    <footer></footer>
</body>
</html>