html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  cursor: none;
}

.layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.layer.visible {
  opacity: 1;
}

#message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
  font-family: Cambria, Georgia, serif;
  color: #D6E4F0;
  background: #1B3A5C;
}

#message.visible {
  display: block;
}

#message-title {
  margin-top: 18%;
  font-size: 120px;
  letter-spacing: 12px;
}

#message-sub {
  margin-top: 20px;
  font-size: 40px;
  color: #EBF3FB;
}