main {
  display: flex;
  justify-content: center;
  align-items: center;
}

#auth-form {
  border: 1px solid #e1e1e1;
  width: 400px;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  box-shadow: 0 0 7px #cbcbcb;
}

#auth-form-title {
  color: #f43333;
  font-size: 45px;
}

#auth-form-username-container, #auth-form-password-container {
  margin: 20px;
  display: flex;
  flex-direction: column;
}

#auth-form-username-label, #auth-form-password-label {
  margin-bottom: 3px;
  font-family: 10px;
  font-weight: 500;
  color: #222128;
}

#auth-form-username, #auth-form-password {
  font-size: 20px;
  width: 300px;
  padding: 12px;
  border: 1px solid #e1e1e1;
  outline: none;
  border-radius: 17px;
}

#auth-form-username:focus, #auth-form-password:focus {
  box-shadow: 0 0 5px #cbcbcb;
}

#auth-form-submit {
  font-size: 20px;
  padding: 7px 12px;
  border-radius: 10px;
  background: #19181c;
  color: white;
  cursor: pointer;
  margin-top: 10px;
  box-shadow: 0 0 7px #b0b0b0;
  border: none;
  transition: background 500ms;
}

#auth-form-submit:hover {
  background: #3c3b4b;
}