[Projeto] Exercicios

1.
html

<figure>
      <img class="apresentacao__imagem" src="./assets/FloresFrame.png" alt="Flores brancas com folhas verdes e luz do sol"
        style="width: 18.75rem; height: auto;">
    </figure>

css

.apresentacao__imagem{
  width:50%;
}

2.

3.

.apresentacao__conteudo{
  width:50%;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

4.

.apresentacao__botoes__link{
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: var(--verde-botao);
  width: 50%;
  text-align: center;
  color:var(--marrom-texto);
  font-size: 0.875rem;
  border-radius: 0.375rem;
  padding:0.625rem 0.625rem;
  list-style: none;
  text-decoration: none;
  font-weight: 700;
  font-family: var(--fonte-paragrafo);
  transition: color 0.3s ease;
}