[Projeto] meu projeto | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

linguagem de Marcação

<!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">
    <link rel="stylesheet" type="text/css" href="model1.css" media="screen">

    <title>portfolio</title>
</head>

<body>

    <header>
        <main>
            <h1>Seu jornal de assuntos de bombeiro digital.
                <strong>Salvar, Proteger e Informar é o nosso Lema!</strong>
            </h1>
            <p>Olá! Sou Anottsu, Bombeiro e Desenvolvedor Front-end. Minha missão é preparar você para salvar o maior número de vidas. Vamos conversar?</p>

            <img src="fireforce.jpg" alt="bombeiro da fire force" id="bombeiro">

            <h5>
                <a href="https://www.instagram.com/geek_00n/" id="instagram"> Instagram </a>
                <a href="https://github.com/anottsu" id="github">GitHub</a>
            </h5>


        </main>
        <footer>

        </footer>
    </header>
</body>

</html>

CSS

* {
    margin: 0;
    padding: 0;
}

#parte1 {
    height: 200px;
    width: 200%;
    background-image: #FFFFFF url("https://amymhaddad.s3.amazonaws.com/oriental-tiles.png") center top no-repeat fixed;
}

body {
    background-color: #011627;
    color: #dee2e6;
    background-image: url(nevoa.jpg);
    background-position: 15%;
}

main {
    background-image: url(nevoa.jpg);
    background-position: 15%;
}

strong {
    color: #bfc20e;
}

p {
    font-weight: bold;
    font-size: 155%;
    text-align: center;
}

span {
    color: #f1f3f5;
    border: 1px solid #f1f7f8;
    padding: 10px;
}

h1 {
    text-align: center;
}

#bombeiro {
    margin-left: 40%;
    margin-top: 3%;
}

#instagram {
    color: rgb(241, 236, 236);
    margin-left: 42%;
    font-size: 20px;
}

#github {
    color: rgb(241, 236, 236);
    margin-left: 5%;
    font-size: 20px;
}