.bcs {
  background-image: url("https://www.nicepng.com/png/full/318-3182336_a-carpet-of-falling-leaves-transparent-background-autumn.png");
  background-color: #ffffff; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

input[type="text"] {
  width: 80%;
  padding: 12px 20px;
  margin: auto;
  background-color: rgb(170, 227, 231);
  border: none;
  border-bottom: 2px solid rgb(182, 128, 226);
}
input[type="password"] {
  width: 80%;
  padding: 12px 20px;
  margin: auto;
  background-color: rgb(170, 227, 231);
  border: none;
  border-bottom: 2px solid rgb(182, 128, 226);
}
a:link,
a:visited {
  color: purple;
  text-decoration: none;
}
a:hover {
  cursor: all;
  color: rgb(37, 150, 37);
  text-decoration: underline;
}
a:active {
  color: blue;
  text-decoration: underline;
}
div {
  background-color: rgb(170, 227, 231);
  width: 300px;
  box-align: center;
  border: 30px;
  border-radius: 15px 15px 15px 15px;
  padding: 5px;
  margin: auto;
  text-align: center;
}

.headercss {
  text-decoration: bold;
}
.h1css {
  text-align: center;
}