@font-face {
  font-family: vt52;
  src: url(vt52.otf);
}

body {
  background-image: url(deskwall3.png);
}

#terminal {
  position: absolute;
  left: 0;
  top: 0;
  width: 715px;
  height: 540px;
  background-image: url(vt52.png);
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0.8);
}

#info-button {
  position: absolute;
  left: 520px;
  top: 200px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  border: solid 3px rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  font-family: monospace;
  font-size: 27px;
  font-weight: bold;
  cursor: pointer;
}

#paper-scrap {
  position: absolute;
  left: 440px;
  top: 100px;
  width: 190px;
  height: 250px;
  background-image: url(paper-scrap.png);
  background-size: contain;
  background-repeat: no-repeat;
  font-family: 'vt52', monospace;
  font-size: 4.7px;
  color: rgb(90, 100, 140);
  text-shadow: 0.2px 0.2px 0.2px rgb(135, 145, 155);
  /* display: none; */
}

.info-text {
  margin: 25px 20px 25px 30px;
  display: none;
}

#info-menu {
  position: absolute;
  top: 10px;
  left: 70px;
}

.info-page {
  cursor: pointer;
}

#screen {
  position: absolute;
  left: 125px;
  top: 125px;
  height: 175px;
  width: 261px;
}

.cell {
  position: absolute;
  width: 4.5px;
  height: 6.3px;
  font-family: 'vt52', monospace;
  font-size: 4.8px;
  color: rgb(200, 220, 255);
  text-shadow: 0.1px 0.3px 0.5px rgb(235, 245, 255);
}

.ship {
  font-family: courier;
  font-size: 6.5px;
  font-weight: bold;
}

#zoom-advice {
  position: absolute;
  left: 800px;
  top: 90px;
  width: 310px;
  height: 45px;
  text-align: center;
  color: rgba(255, 0, 0, 0.4);
  border: solid 3px rgba(255, 0, 0, 0.4);
  border-radius: 30px;
  font-family: monospace;
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
}