html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#gameWindow {
  width: 100%;
  height: 100%;
  background: #9fd7f0 url(ya_bg.jpg) no-repeat 50% 50%;
  background-size: contain;
}

.error {
  color: #D8000C;
  background-color: #FFD2D2;
  padding:20px;
  text-align: center;
}


.modal {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  overflow-y: auto;
}

.modal_block {
  position: relative;
  max-width: 700px;
  margin: 10px auto;
  background-color: #fff;
  padding: 15px;
  font-size: 10pt;
  border-radius: 6px;
}

.modal_block, .mail_input {
  font-family: Arial, Helvetica, sans-serif;
}

.mail_input {
  border-radius: 4px;
  box-shadow: inset 0 2px 6px #ddd;
  border: 1px solid #c0c0c0;
  margin-top: 3pt;
  margin-bottom: 15pt;
  width: 100%;
  padding: 3px;
  font-size: 11pt;
}

.mail_button {
  cursor: pointer;
  padding: 10px 20px;
}

.error_field {
  border-color: red !important;
}