body {
  margin: 0px;
  background: #000;
  font-family: 'Montserrat', sans-serif;
}

section#topbar {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 1em;
  gap: 1em;
}
button#submitaccount,
section#topbar > button {
  border-color: white;
  border-radius: 0.7em;
  background-color: orange;
}
section#topbar > button.hidden {
  display:none;
}

section#above {
  color: white;
  font-size: larger;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  margin: 0px;
  height: 400px;
  background-image: url(/image/landing.svg);
  background-size: 100% 400px;
  background-repeat: no-repeat;
}

section#main {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}
section#main > div {
  display: inline-block;
  width: 40em;
  margin-bottom: 1.5em;
}
section#main > div > ul {
  margin: 0.7em 0px 0px;
}
section#main > div > ul > li {
  margin-top: 0.5em;
}
section#main > div.hidden {
  display:none;
}
section#main > div > a {
  color: yellow;
}
section#main > div > ul {
  width: 90%;
}

#accountdata > div {
  margin-bottom: 1em;
  vertical-align: top;
}

.accountform {
  display: inline-block;
  text-align: left;
}
.accountform label {
  display: inline-block;
  vertical-align: top;
  width: 7em;
}

input {
  margin-bottom: 0.25em;
}

.pwview-icon-login {
  margin-top: 4px;
  position: relative;
  z-index: 2;
}