body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.field {
  display: flex;
  justify-content: space-between;
}

form {
  display: flex;
  flex-flow: column nowrap;
}

.login-layout {
  background-color: #003b48;
  background: linear-gradient(#007691, #003440);
  color: #FFFFFF;
  font-family: Tahoma;
  text-align: center;
}

.login-layout .login-submit {
  width: 70px;
  margin: auto;
  margin-top: 10px;
}

.login-layout h2, .login-layout h3 {
  text-align: center;
}

.login-layout h2 {
  font-size: 38px;
}

.login-layout form {
  margin-top: 50px;
}

.login-layout form > div {
  margin-top: 10px;
}

.login-layout div.logo {
  background-image: url(/images/TORKEN-LOGO-150x150.webp);
  background-position: center -10px;
  width: 80px;
  height: 95px;
  margin: auto;
}

.login-layout > div {
  margin-top: -50px;
}

.login-layout div.logo-forbidden {
  background-image: url(/images/Symbols-Forbidden-icon.png);
  background-size: 80px;
  background-position: center;
  width: 80px;
  height: 80px;
  margin: auto;
}