team_directory/public/css/login.css

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;1,200;1,400;1,600&display=swap');

#logo-image {
  height: auto;
  margin: 0 auto;
  width: 14rem;
  padding-bottom: 10px;
  
}

#logo {
  margin: 4% auto;
  padding: 0;
}

.form-label{
  top: 1.25rem;
  position: relative;
  background: white;
  width: max-content;
  left: 1rem
}
 #warning {
  color: var(--bs-red);
 }
 
.form-row {
  width: max-content;
  margin: 0 auto
}

input {
  height: 3rem;
  width: 30rem;
  padding-top: 14px;
  padding-left: 1rem;
  border: solid 1px #6c757d;
  border-radius: 10px;
  align-content: center;

  
}

input:focus {
  outline: 1px solid rgb(112,174,199);
  /* color: rgb(112,174,199); */
}

.form-row:focus-within {
  color: rgb(112,174,199)
}

.btn-sm {
  background-color: #0685b9;
  width: 10rem;
  height: 2rem;
  border-radius: 6px;
  border: transparent;
}

.btn-sm:hover {
  background-color: rgb(112,174,199);
}

#disclaimer-row {
  position: absolute;
  bottom: 0;
  left: 0;
  color: rgb(0, 0, 0);
  font-size: .8rem;
}


@media screen and (min-width: 1025px){
  #logo {
    margin: 5% auto;
    padding: 0;
  }
}

#loadOverlay{
  display: none;
}