.login-page-container {
   max-width: 400px;
   height: 100vh;
}
.login-page-container header {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
}
.login-page-container header h1 {
   text-align: center;
}
.login-form {
   gap: 15px;
}
.login-form button {
   width: 100%;
   padding: 12px 22px;
}

@media (max-width: 479px) {
   .login-page-container figure img {
      width: 100px;
   }
   .login-page-container h1 {
      font-size: 1.2em;
      line-height: 1.5em;
   }
}