#passwordBox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: var(--dark-bg);
  z-index: 800;
}
#passwordBox * {
  font-family: "Arial", sans-serif;
  color: var(--secondary-color);
  font-size: 1.2rem;
}
form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
input[type="password"] {
  width: 20rem;
  padding: 0.5rem;
  border: 1px solid var(--secondary-color);
  border-radius: 0.25rem;
  background-color: var(--input-bg);
  color: var(--secondary-color);
}
#passwordBox form label {
  font-size: 1.3 rem;
  color: var(--secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-weight: bold;
}