@font-face {
  font-family: 'Nunito Sans';
  src: local('Nunito Sans'), url('/static/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
  font-style: normal;
}

h1 {
  font-weight: 800 !important;
  color: black;
}

h2 {
  font-size: calc(1.3203125rem + 0.84375vw);
  font-weight: 800 !important;
  color: black;
}

#navbarSupportedContent a {
  font-weight: 500;
  font-size: 1rem;
  font-family: 'Nunito Sans', sans-serif;
  color: black;
}

#navbarSupportedContent a:hover {
  background-color: white;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
}

.header {
  background: rgba(74, 177, 97, 0.8);
}

.button-back {
  display: flex;
  justify-content: flex-end;
}

.size-img {
  height: 50px;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 3px;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

.rounded-img {
  border-radius: 50% !important;
}

#navbarSupportedContent a.labelMenu {
  background-color: white;
  font-weight: 700;
}

#navbarSupportedContent a.labelMenu:hover {
  background-color: white;
}

/* NOTEBOOKS */
@media only screen and (min-width: 901px) {
  #content {
    min-height: calc(100vh - 132px);
    padding-inline: 2rem;
    padding-block: 2rem;
    background: rgba(74, 177, 97, 0.2);
    color: #566787;
    font-family: 'Nunito Sans', sans-serif;
  }

  #navbarHeader {
    display: block;
  }
}

/* PHONES */
@media only screen and (max-width: 900px) {
  #content {
    min-height: calc(100vh - 132px);
    padding-inline: 10px;
    padding-block: 10px;
    background: rgba(74, 177, 97, 0.2);
    color: #566787;
    font-family: 'Nunito Sans', sans-serif;
  }

  #navbarHeader {
    display: block;
    padding: 10px;
  }

  body {
    background-color: lightblue;
  }

  .table-responsive thead th {
    font-size: 0.8rem;
  }

  .table-responsive tbody td {
    font-size: 0.8rem;
  }
}