:root {
    --frg_c1: #264653;
    --frg_c2: #2A9D8F;
    --frg_c3: #E9C46A;
    --frg_c4: #F4A261;
    --frg_c5: #E76F51;
  }


  input:focus,
  select:focus,
  textarea:focus,
  button:focus {
      outline: none !important;
      box-shadow: none !important;
  }

  .navbar {
    background-color: var(--frg_c1);
  }

  .navbar-brand {
    font-weight: 900;
  }

  .nav-item {
    color: #fff;
    font-weight: 700;
  }

  .nav-link {
    color: #fff;
  }

  .footer {
    background-color: var(--frg_c1);
    color: #fff;
  }

  .styled-scrollbars {
    --scrollbar-foreground: none;
    --scrollbar-background: none;
    /* Foreground, Background */
    scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
}

.styled-scrollbars::-webkit-scrollbar {
    width: 10px;
    height: 6px;

}

.styled-scrollbars::-webkit-scrollbar-thumb {
    /* Foreground */
    background: var(--scrollbar-foreground);

}

.styled-scrollbars::-webkit-scrollbar-track {
    /* Background */
    background: var(--scrollbar-background);
}