@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;
}

#navbarHeader {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  color: #31374a;
}

#navbarHeader a {
  font-weight: 500;
  font-size: 1rem;
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  color: #31374a;
}

#navbarHeader a:hover {
  background-color: rgb(239, 242, 246);
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
}

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

.icon-menu {
  width: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.button-back {
  display: flex;
  justify-content: flex-end;
}

.size-img {
  width: 100px;
  margin-right: 20px;
}

.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;
}

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

  #navbarHeader {
    display: block;
  }
}

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

  #navbarHeader {
    display: block;
  }

  body {
    background-color: lightblue;
  }
}