body {
  background: transparent;
}

/* Workaround for only rendering background when not in an iframe. */
@media (min-height: 300px) {
  body {
    background: black;
  }
}

#root {
  opacity: 0;
  transition-duration: 500ms;
}

#disconnected,
#unauthenticated,
#postCreateAccount {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: end;
  min-height: 80px;
}

#createAccountLink {
  display: none;
}

#logIn:disabled {
  opacity: 0.5;
}