@font-face {
  font-family: Avant;
  src: url(./AVGARDN.TTF);
}

body, html {
  font-family: Roboto;
  height: 100%;
  overflow: hidden;
  background-color: black !important;
}

body {
  background-image: url(../img/bg-login.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

nav {
  background-color: #343a40;
  padding: .5rem 193.2px;

  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
nav img {
  width: 222px;
  height: 40px;
}

form {
  display: flex;
  gap: 15px;
  align-items: center;
}
form span {
  color: #fff;
  font-weight: bolder;
}
form label {
  display: flex;
  margin: 0;
}
form input, form button {
  padding: 5px 10px;
  font-size: .9rem !important;
}
form input::-webkit-input-placeholder {
  font-weight: bolder;
}
form a {
  text-decoration: none !important;
  font-family: Avant;
  font-size: 0.8em;
  color: white !important;
  transition: all 0.4s linear;
}
form a::after {
  content: '';
  display: block;
  margin: auto;
  height: 2px;
  width: 0px;
  background: #bdbdbd;
  transition: all 0.2s linear;
}
form a:hover::after {
  width: 100%;
}

form a:hover {
  color: #bdbdbd !important;
}