.heading .logo-title {
  height: 50px;
  width: auto;
  object-fit: contain;
}


.centered-login{
  display: flex;
  flex-direction: column;     
  justify-content: center;
  align-items: left;
  padding-top: 50px;
  padding-bottom: 20px;
}

.login-input{
  height:65px; /* should be standardized */
  width: 500px;
  border: 2px solid var(--dark-grey);
  border-radius: 100px;
  color:#565656;
  background-color: #F7F5F3;
  padding: 30px;
  font-size: 28px;
  outline:none;
  margin-bottom: 10px;
}

.login-input:focus {
  outline: none;
  border: 2px solid var(--blue);
  color: var(--main-orange);
}

.login-button-container{
  display: flex;
  width: 100%;
  justify-content: right;
  padding-bottom: 20px;
}


.password-link {
  display: inline-block; /* or inline-flex */
  white-space: nowrap;
  text-decoration: underline;
  align-self: flex-start; /* to not stretch clickable space */
  padding-left: 5px;
  color: var(--link-blue);
  font-size: 16px;
  cursor: pointer;
  width: auto;
}


.error-message {
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  transform: translateX(-50%); 
  color: #e41c1c;
  font-size: 10px;
  cursor: pointer;
  width: 300px;
  text-align: center;
}

.error {
  border: 1px solid #e41c1c;
}