body {
      font-family: Arial, sans-serif;
      background-color: #f0f0f0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
  }
  
  .login-container {
      background-color: #ffffff;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      text-align: center;
      max-width: 300px;
  }
  
  h2 {
      margin-top: 0;
  }
  
  form {
      display: flex;
      flex-direction: column;
  }
  
  input[type="text"],
  input[type="password"],
  button {
      margin: 10px 0;
      padding: 10px;
      width: calc(100% - 20px);
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
  }
  
  button {
      background-color: rgb(30, 30, 75);
      color: white;
      border: none;
      cursor: pointer;
  }
  
  button:hover {
      background-color: #45a049;
  }
  
  .error-message {
      color: red;
  }