input{
  height: 3.5rem !important;
}
.login-form{
        width: 60%;
        margin: 60px;
        background-color: var(--dark);
        border: 5px solid var(--accent);
        border-radius: 15px;
        box-shadow: 0px 0px 20px 5px var(--accent);
      }
      .logreg-form{
        width: 80%;
      }
      .logreg-input{
        width: 100%;
        height: 4rem;
        padding: .5rem;
      }
      h1{
        font-size: 3rem;
        color: var(--white);
      }
      .fas{
        color: var(--dark);
        padding: .5rem;
        font-size: 1.5rem;
      }
      /*input[value="Sign up"]:hover{
        box-shadow: 0px 0px 7px 3px var(--accent);
      }
      input[value="Login"]:hover{
        box-shadow: 0px 0px 3px 3px white;
      }
      input[value="Sign in"]:hover{
        box-shadow: 0px 0px 7px 3px var(--accent);
      }*/
      .logreg-input:hover{
        box-shadow: 0px 0px 5px 1px var(--accent);
        border: 5px solid var(--accent);
      }
      .logreg-input:focus{
        box-shadow: 0px 0px 1px 1px var(--accent) !important;
        border: 4px solid var(--accent) !important;
      }
      .country-select .country-list {
        color: black;
        }
        .logreg-input-label{
          border-radius: 10px !important;
          border: 2px solid white;
          margin-bottom: 2rem;
          cursor: pointer;
        }
        .dropdown-menu{
  background-color: var(--navcolor) !important;
  color: var(--white);
}
.dropdown-item{
  border-radius: 5px;
  border: 3px solid transparent;
  color: var(--brtextcolor) !important;
  background-color: var(--navcolor) !important;
}
.dropdown-item:hover{
  /*border: 2px solid var(--white);*/
  background-color: var(--navcolor) !important;
  color: var(--accent) !important;
}
.dropdown-item:focus{
  /*border: 2px solid var(--white);*/
  background-color: var(--navcolor);
  color: var(--brtextcolor);
}
.btn-inverse:hover{
  box-shadow: 0px 0px 2px 2px;
}
.nav-link{
  border: 2px solid transparent;
  border-radius: 10px;
  margin-right: .2em;
  margin-left: .2em;
  transition-duration: .5s;
  color: var(--white);
}
.nav-link:focus{
  color: var(--accent);
}
.nav-link:hover{
  /*border: 2px solid var(--white);*/
  color: var(--accent);
}