.pixel {
  width: 10px;
  aspect-ratio: 1;
  background: #000b26;
  box-sizing: border-box;
}
.content {
  margin: 5px;
  border: 3px solid #000b26;
  background-color: #000614;
}
.word {
  background-color: #005986;
}
#grid {
  display: grid;
  grid-template-columns: repeat(36, 10px);
}
html {
  background: url(tile.png);
  background-color: #000103;
  font-family: monospace;
  background-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
  color:#5fcaff;
  font-family: monospace;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
}
h6 {
  margin: 3px;
  font-size: 1em;
}
p, sub {
  font-size: 1.25em;
  font-family: monospace;
  line-height: 1.5;
  color: #d2f0ff;
}
a.here {
  color: #5fcaff !important;
  
}
nav a {
  font-weight: bold;
  text-align: center;
  margin: 10px;
  color: #bbe8ff;
  text-decoration: none;
  font-size: 1.6em;
}
ul {
  list-style-type: square;
  color: #d2f0ff;
}
a.main-link {
  color: #5fcaff;
}
a.secondary-link {
  color: #bbe8ff;
}
a.extra-link {
  color: #97c0d5;
}
p, h1, h2, h3 {
  margin: 10px;
}
#glass {
  width: 100%;
  background-color: #00000066;
  aspect-ratio: 88 / 31;
}
.sub {
  color: #87adbf;
}