body {
  background-color: black;
  color: white;
  font-family: 'Bebas Neue', sans-serif;
}

.error {
  color: red;
  display: flex;
  justify-content: center;
}

.page-title {
  display: flex;
  justify-content: center;
}

.login {
  display: flex;
  justify-content: center;
  gap: 1rem; 
}

.signup {
  display: flex;
  justify-content: center;
}

.button {
  background-color: black;
  color: white;
  border-radius: 0px;
  padding: 10px;
  border: 2px solid white;
}

.button:hover {
  background-color: white;
  color: black;
  border: 2px solid black;
}

.button:active {
  background-color: black;
  color: white;
  border: 2px solid white;
  transform: translateY(4px);
}

.button-wrapper {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem; 
}

.signup th {
  text-align: left;
  padding-right: 1rem;
  vertical-align: middle;
}