#player-dialog .w3-modal-content {
  x-background: black;
  width: 95%;
}

input:invalid {
  background: yellow;
}

input + .error {
  display: none;
}

input:invalid + .error {
  display: inline;
}

#header {
  max-width: 90%;
  margin: auto;
  overflow: auto;
}

#header h1, #header h2, .notice {
   text-align: center;
   color: #ffffff;
}

#copyright{
  max-width: 90%;
  margin: auto;
  color: #ffffff;
  text-align: right;
  opacity: 0.72;
  font-size: 12px;
  margin-bottom: 2em;
}

#screenLogo {
  float: left;
  margin: 1em;
}

#app-edit {
  background-color: #ffffff;
  max-width: 90%;
  margin: auto;
}

html, body {
  margin: 0;
  padding: 0;
  background-image: url("https://i.ibb.co/n6jVWGF/ethan-adcc.png");
  background-position: top;
  background-size: 145%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}