:root {
  --cor-verde-claro: #A2A391;
  --cor-verde-escuro: #878972;
  --cor-rosa-claro: #EFE2D9;
  --cor-rosa-escuro: #FDF2ED;
  --cor-branca: #FFFFFF;
}

body {
  background-color: #f9f9f9;
  color: #333;
}

strong , .abordagem{
  font-family: "Josefin Sans", sans-serif;
  font-weight: 700;
}

h1,h2,h3,h4,h5,a, label,i {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 350;
}

h2 {
  font-size: 2.2em;
}

p, li {
  font-family:"Nunito", sans-serif;
  font-weight: 330;
  font-size: 17px;
}

.navbar {
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.section {
  padding: 30px 8px 60px 8px;
}

.sobre-mim {
  background-color: var(--cor-rosa-claro);
  text-align: justify;
}

.conteudo {
  background-color: var(--cor-verde-claro);
}

footer a:hover {
  color: var(--cor-verde-claro);
  transition: 0.3s;
}

.card {
  background-color: #fff;
  border-radius: 12px;
}

.card-title {
  color: var(--cor-verde-escuro);
  font-weight: 700;
}

.list-group-item {
  background-color: transparent;
  border: none;
  padding-left: 0;
}

.logo-img {
  max-height: 60px;
  height: auto;
  width: auto;
}

.agende {
  text-align: justify;
  margin: 0em 10px;
}


@media (max-width: 576px) {
  .logo-img {
    max-height: 70px;
  }

  h2 {
    text-align: center;
    font-size: 1.9em;
  }

  .agende, .sobre-mim, .texto-psi {
    padding-left: 0.7em;
    padding-right: 0.7em;
  }

}