@font-face {
  font-family: myFirstFont;
  src: url(media/lucon.ttf);
  src: url(media/lucon.ttf) format(truetype);
}
body {
  background-color: black;
  overflow:hidden;
  padding: 14px;
}
main {
  margin:auto;
  max-width: 560px; /* 66 ~8px columns */
  height:100%;
  font-family: myFirstFont;
  font-size: 14px;
  line-height:1.2;
  color: #C0C0C0;
}
span {
  color: #0028C6;
}
p {
  color: #C0C0C0;
  font-size: 14px;
  font-family: myFirstFont;
  white-space: pre-wrap;
  margin: 0 0 14px;
}
#h {
  height: 84px; /* 6 14px rows */
  width: 384px; /* 48 8px columns */
}
#s1 {
  z-index: 50; /* map */
}
#s2 {
  z-index: 200; /* player */
}
#s3 {
  z-index: 150; /* killer */
}
#c {
  z-index: 100; /* map lights & walls */
}
textarea {
  display:inline;
  background-color:transparent;
  border: none;
  resize:none;
  outline:transparent;
  color: #C0C0C0;
  width: 100%;
  font-size: 14px;
  font-family: myFirstFont;
  margin:0;
  padding:0;
}