body {
 font-family: Arial, Verdana, Helvetica;
  background: black;
}

textarea {
  background: #2e2e2e;
  color: white;
}

h1,p {
  text-align: center;
  color: white;}

/* formularz */
form {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  background-color: #2e2e2e;
  border: 1px solid #ddd;
  border-radius: 5px;
}
label {
  color: white;
}
/* pola tekstowe */
input[type="text"],
input[type="email"],
input[type="password"], textarea {
  width: 80%;
  padding: 15px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #2e2e2e;
  color: white;
}

/* przycisk */
button {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 3px;
  cursor: pointer;
}

/* linki */
a {
  color: #007bff;
  text-decoration: none;
}

/* Styl dla komunikatu błędu */
.error-message {
  color: #ff0000;
  font-size: 14px;
}

/* Styl dla sukcesu */
.success-message {
  color: #008000;
  font-size: 14px;
}

h3 {
  text-align: center;
}

#gl {
  padding: 10px;
  border-radius: 1.5em;
  transition: 0.5s;
}

#gl:hover {
  transition: 0.5s;
  color: white;
  background: cornflowerblue;
}