@media (max-width: 768px) {
  #login-button {
    width: 200px;
  }

  .logo {
    width: 350px;
  }

  #login-card-content {
    width: 100%;
  }
}

@media (min-width: 769px) {
  #login-button {
    width: 300px;
  }

  .logo {
    width: 500px;
  }

  #login-card-content {
    width: 40%;
    min-width: min-content;
  }
}

#login-card-content {
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
}

#login-card-content > * {
  margin: 1vh auto;
  text-align: center;
}