:root { 
  /* Colors */
  --main-color: #4db6ac; 
  --title-color: rgb(106, 106, 106);
  /* Fonts */
  --title-font: 'Ubuntu', sans-serif;
  --text-font: 'Noto Sans Display', sans-serif;
}

* {
  font-family: var(--text-font);
}

.title {
  font-family: var(--title-font);
}

/* A margin-left é baseada no tamanho da menu lateral */
.main {
  min-height: 90vh;
  transition: all 950ms;
  margin-left: 12.5rem;
  margin-top: 2.81rem;
}

/* Sobreescreve o CSS do botão primário do Bootstrap */
a.btn.btn-primary,
button.btn.btn-primary {
  border: var(--main-color);
  background-color: var(--main-color);
}

i.fab {
  color: var(--main-color);
  font-size: 1.2rem;
}

.th-btn { width: 8%; }

img.user-img {
  height: 4.5rem;
  width: 3.8rem;
  object-fit: cover;
}

img.user-img-sm {
  height: 1.8rem;
  width: 1.8rem;
  object-fit: cover;
}

@media(max-width: 720px) {
  .main { 
    margin-top: 10vh;
    margin-left: 0; 
  }
}