shit

<!DOCTYPE html>
<html>
  <head>
    <title>Login Page</title>
    <link rel="stylesheet" type="text/css" href="login.css">
  </head>
  <body>
    <div class="container">
      <div class="login-box">
        <form>
          <label for="username">Username:</label>
          <input type="text" id="username" name="username" required>
          <br>
          <label for="password">Password:</label>
          <input type="password" id="password" name="password" required>
          <br>
          <input type="submit" value="Login">
        </form>
      </div>
    </div>
  </body>
</html>


body {
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom, #00FF00, #FFFFFF);
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.login-box {
  background-color: #BEBEBE;
  padding: 30px;
  border-radius: 20px;
}

h2 {
  text-align: center;
  margin-bottom: 20px;
}

input[type="text"], input[type="password"], button[type="submit"] {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  border: none;
  border-radius: 5px;
}

button[type="submit"] {
  background-color: #00FF00;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}