.TitleScreen {
  position: absolute;
  inset: 0;
  background: #060f1b url('/images/intro/hacker-city.png') center / cover no-repeat;
  image-rendering: pixelated;
  font-family: 'Courier New', monospace;
  color: #c4ffe2;
}
.TitleScreen_heading {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  text-align: center;
  text-shadow: 2px 2px #030914;
}
.TitleScreen_status {
  margin: 0 0 8px;
  color: #55ffc0;
  font-size: 7px;
  letter-spacing: 2px;
}
.TitleScreen h1 {
  margin: 0;
  color: #d4ffef;
  font-size: 30px;
  letter-spacing: 2px;
  text-shadow: 2px 2px #067860, -1px -1px #142f45;
}
.TitleScreen_tagline {
  margin: 8px 0 0;
  font-size: 8px;
  color: #9ebcc9;
}
.TitleScreen .KeyboardMenu {
  top: 115px;
  left: 50%;
  transform: translateX(-50%);
  width: 148px;
  padding: 4px;
  border: 1px solid #227b70;
  background: rgba(3, 13, 24, 0.92);
  box-shadow: 3px 3px 0 #02070d;
}
.TitleScreen .KeyboardMenu button {
  height: 24px;
  padding: 0 8px;
  color: #9cd8c2;
  font-size: 10px;
}
.TitleScreen .KeyboardMenu button:focus,
.TitleScreen .KeyboardMenu button:hover {
  background: #123c37;
  color: #baffd6;
  box-shadow: inset 2px 0 #65ffae;
}
.TitleScreen .DescriptionBox {
  padding: 7px;
  background: rgba(3, 10, 19, 0.9);
  color: #a5c8c5;
  border: 0;
  text-align: center;
}
.TitleScreen .DescriptionBox p {
  font-size: 8px;
}