body {
  text-align: center;
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

#messages {
  text-align: left;
  width:332px;
  height:200px;
  overflow-y: scroll;
  border: 1px solid #00B7FF;
  background-color: azure;
}
#loader {
  background: #000000;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  display:none;
}

#loggedInMenu, #loggedOutMenu {
  display:none;
}

button {
  background-color: #1877f2;
  border: none;
  border-radius: 6px;
  font-size: 20px;
  line-height: 48px;
  padding: 0 16px;
  width: 332px;
  color:#FFFFFF;
}

button:hover {
  cursor:pointer;
}

input {
  font-size: 17px;
  padding: 14px 16px;
  width: 330px;
  display:block;
  border-radius: 6px;
  margin:10px auto;
  border: 1px solid #dddfe2;
}

.box {
  margin: 0 auto;
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
  box-sizing: border-box;
  padding: 30px;
  width: 396px;
}

.title {
  font-size:25px;
  margin-bottom:25px;
}

.footer {
  margin-top:20px;
}

#err {
  margin-top:20px;
  background-color:lightcoral;
}

ownid-standalone-button-widget {
  position:inherit !important;
  top:auto !important;
  left:auto !important;
  width: 332px;
  height:40px;
  font-family: Manrope;
  --ownid-button-width: 100%;
  --ownid-button-widget-font-size: 18px;
  --ownid-button-widget-background: #3E68DD!important;
  --ownid-button-widget-color: #FFFFFF!important;
  --ownid-button-widget-border-width: 0px;
  --ownid-button-widget-border-radius: 4px;
}
ownid-standalone-button-widget:hover {
  --ownid-button-widget-background: #254FC4!important;
}