[Projeto] Espaçamento e margens com Flexbox

.apresentacao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10%; /* Ajuste conforme necessário */
}

Definindo o tamanho da seção de texto

<section class="apresentacao__conteudo">
  <!-- Conteúdo da seção -->
</section>

.apresentacao__conteudo {
  width: 60%; /* Ajuste conforme necessário baseado no design do Figma */
}

Ajustando tamanhos de títulos e textos

<h1 class="apresentacao__conteudo__titulo">Título aqui...</h1>
<p class="apresentacao__conteudo__texto">Texto aqui...</p>

.apresentacao__conteudo__titulo {
  font-size: 2em; /* Ajuste conforme necessário baseado no design do Figma */
}

.apresentacao__conteudo__texto {
  font-size: 1em; /* Ajuste conforme necessário baseado no design do Figma */
}

Importando e aplicando fontes do Google Fonts

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

body {
  font-family: 'Montserrat', sans-serif;
}

h1 {
  font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__titulo {
  font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto {
  font-family: 'Montserrat', sans-serif;
}

Personalizando fontes de títulos e textos

.apresentacao__conteudo__titulo {
  font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto {
  font-family: 'Montserrat', sans-serif;
}