*, *::before, *::after {
    box-sizing: border-box;
}

.login-form {
  background-color: #eef;
  padding: 40px;
  width: 100%;
  max-width: 640px;
  border-radius: 7px;
  border: 1px solid #ddd;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.listing-bg {
  background-color: rgba(0, 0, 128,.3);
  padding: 20px;
  width: 100%;
  max-width: 840px;
  border-radius: 7px;
  border: 1px solid #ddd;
  justify-content: center;
  align-items: center;
}