.navbar {
  border-bottom: 1px solid #dddd;
}

/* ---------------------------------------- Login in form ------------------------------------ */
.btn-submit {
  background-color: var(--main-color);
  color: black;
}
.btn-submit:hover {
  background-color: var(--main-color-hover);
  color: black;
}

.form-check-label {
  font-size: 14px;
}
.form-check-label a {
  color: var(--main-color);
}
.small a {
  color: var(--main-color);
}
.small a:hover {
  color: var(--main-color-hover);
}
.register-btn {
  border: 1px solid black;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 80px;
}
.register-btn:hover {
  border: none;
  background-color: var(--main-color);
  color: white;
}
.eye-btn {
  top: 50%;
  right: 2%;
}
@media (max-width: 441.9px) {
  .navbar .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#yourUsername::placeholder,
#yourPassword::placeholder,
#yourName::placeholder,
#yourEmail::placeholder {
  color: rgba(128, 128, 128, 0.667);
}
.form-check-label a:hover {
  color: var(--main-color-hover);
}