Css
.imagem-carrossel-dois{
object-fit: cover;
object-position: 0 80%;
height: 400px;
}
.fonte-titulo{
font-family: 'Inter', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Pacifico', cursive;
}
.cor-especial{
color: darkred;
}
.botao-cor-especial{
background-color: darkred;
color:white;
}
.borda-cor-especial{
border-color: darkred;
}html
<div class="card borda-cor-especial" style="width: 18rem;">
<img src="src/img/receita-abacate.jpg" class="card-img-top" alt="tigela com salada de abacate, vista superior">
<div class="card-body">
<h5 class="card-title">Tigela de abacate</h5>
<p class="card-text">Receita refrescante e cheia de vitaminas para o seu café da manhã!</p>
<a href="#" class="btn botao-cor-especial">Veja receita</a>
</div>
</div>Como está aparecendo no navegador:
)
