index.html

<!DOCTYPE html>
<html lang="pt-br">
  <head>

      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projeto Rocketseat</title>
      
      <link href="https://fonts.googleapis.com/css2?family=Gulzar&family=Roboto&family=Roboto+Mono&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="./styles.css">

  </head>
  <body class="Dark-Red">

        <div class="container">

          <img class="Luffy" src="https://github.com/Sebastiao-Vitor.png" alt="Imgem do Lyffy">
          <h1>Sebastião Vitor</h1>
          <p class="Username">@sebastiao_vitor</p>

          <ul>
            <li>
              <a href="https://www.youtube.com/channel/UC2iKU6X32cuQqU4JRyEOG0A" 
              target="_blank">📺 Youtube</a>
            </li>

            <li>
              <a href="https://www.instagram.com/sebastiao.vitor/" 
              target="_blank">📸 Instagram</a>
            </li>

            <li>
              <a href="https://www.facebook.com/sebastiao.mlkzika/" 
              target="_blank">💻 Facebook</a>
            </li>

            <li>
              <a href="https://github.com/Sebastiao-Vitor" 
              target="_blank">🐱 Github</a>
            </li>
          </ul>

            <footer>Feito com 🖤 pelo Dev Iniciante Sebastião Vitor
            </footer>

        </div>
  </body>
</html>