/* #navbar_active {
      color: #5fcf80;
      font-size: 16px;
      font-weight: bold;
      -webkit-text-fill-color: #5fcf80;
    } */
      #navbar{
        height: auto;
        font-family: CircularXX,sans-serif;
        color: #1c202b;
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 400;
      }

      #navbar .active {
        color: #5fcf80;
        font-size: 18px;
        font-weight: bold;
        -webkit-text-fill-color: #5fcf80;
      }

      #navbar_button {
        background-color: #5fcf80;
        border: 1px solid #5fcf80;
        color: black;
        font-size: 16px;
        font-weight: bold;
      }
      #navbar_button:hover {
        background-color: white;
        color: #5fcf80;
        border: 1px solid #5fcf80;
        font-size: 16px;
        font-weight: bold;
      }

      .navbar-brand {
        color: #f39c12;
        font-family: "Cinzel Decorative";
        font-size: 38px;
        font-weight: bolder;
        margin-right: 50px;
        margin-left: 10px;
      }
      .navbar-brand:hover {
        color: #f39c12;
        opacity: 90%;
      }

      .nav-font {
        font-size: 16px;
        font-weight: bold;
        -webkit-text-fill-color: rgb(67, 66, 66);
      }

      .nav-font:hover {
        font-size: 16px;
        -webkit-text-fill-color: #5fcf80;
      }

      .nav_link_img {
        width: 30px;
        height: 30px;
      }
      .navbar-toggler{
        border: 1px solid black;
        color: black;
        border-color: black;
      }
      .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }