[Projeto] Portfolio do projeto final do curso | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio Igor</title>
    <link rel="stylesheet" href="estilo.css">
</head>

<body>
    <header></header>
    <main></main>
    <h1>Eleve seu negócio digital a outro nível <strong> com um Front-end de qualidade!</strong></h1>
    <p>Olá! Sou Igor Ferraz, desenvolvedor Front-end com especialidade em <span>React, HTML e CSS</span>. Ajudo pequenos
        negócios e designers a colocarem em prática boas ideias.
        Vamos conversar?</p>
    <div>
        <a href="https://www.instagram.com/figueiraigor/">Instagram</a>
        <a href="https://github.com/figueiraigor">Github</a>
        <a href="https://www.linkedin.com/in/igor-figueira-ferraz-001a4014a/">Linkedin</a>
        <br>
        <br>
        <img src="imagem.jpg" alt="Foto Igor">
    </div>
    <footer></footer>

</body>

</html>

body {
    text-align: center;
    background: #776B5D;
    justify-content: center;
    align-items: flex-start;
}

h1 {
    font-family: Krona One;
    font-size: 36px;
    font-style: normal;
    color: #F3EEEA;
}

p {
    color: #F3EEEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
}

span {
    color: #BBAB8CE5;
    border: 1px solid #BBAB8CE5;        
    padding: 3px;
}

strong {
    color: #BBAB8CE5;
}

img {
    width: 417px;
    height: 399px;
    flex-shrink: 0;
    border-radius: 249.5px;
}

a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #BBAB8CE5;
    color: #776B5D;
    border: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    transition: background-color 0.3s ease;
    margin: 10px 0 10px 0;
    max-width: 30%;
}