form {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 32px;

  button[type=submit],
  .formButton  {
    background: var(--accent-dim);
    border-radius: 4px;
    padding: 0.3em 0.8em;
    
    color: white;
  }
  
  input[type=text],
  input[type=password],
  select,
  textarea {
    font-size: 1rem;
    padding: 0.6em 1.5em;
    border-radius: 8px;
    border: none;
    width: calc(100% - 3em);
    background: var(--gray);
  }

  label {
    color: var(--accent-light);
  }
}

form.entryForm {
  padding: 32px;

  background: #00000090;
  border-radius: 16px;
  backdrop-filter: blur(16px);

  max-width: 350px;
  width: calc(20dvw + 150px);

  input[type=text],
  input[type=password] {
    background: #222;
  }

  label {
    color: var(--accent-light);
  }
}