/* Det finns inget väsentligt för uppgifterna här. */

body { min-height: 100vh; }

body, #overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

body > div:not(#overlay), #overlay > div {
  background-color: white;
  border: 1px solid black;
  padding: 1em;
}

#login-form {
  display: grid;
  grid-template-columns: auto 15ex;
  gap: 0.2em 0.5em;
}

#overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#overlay div {
  background: white;
}

p:first-child { margin-top: 0; }
p:last-child { margin-bottom: 0; }