/* Login.css */
.login-body {
  background-color: #121212; /* Dark background */
  color: white; /* White text */
  margin: 0; /* Rimuove margini di default del body */
}

.login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding: 0; /* Rimuove padding per il contenitore */
}

.login-form {
  display: flex;
  flex-direction: column;
  width: 100%; /* Assicura che il form occupi tutta la larghezza disponibile */
  padding: 0 20px; /* Padding orizzontale per il form */
}

.login-input {
  width: 100%; /* Larghezza dell'input a 100% del contenitore */
  margin: 10px 0; /* Margine verticale */
  padding: 10px;
  border: 1px solid #333;
  border-radius: 5px;
  background-color: #1e1e1e; /* Input background */
  color: white; /* Input text color */
}

.login-button {
  width: 100%; /* Larghezza del pulsante a 100% del contenitore */
  padding: 10px;
  background-color: #6200ea; /* Primary button color */
  color: white; /* Button text color */
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 10px 0; /* Margine verticale per il pulsante */
}

.login-button:hover {
  background-color: #3700b3; /* Darker button color on hover */
}