#greeting {
  width: 30%;
  min-width: 350px;
  max-width: 450px;
}
#greeting div {
  aspect-ratio: 108 / 35;
}
.banner {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.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: "IBM Plex Mono", monospace;
  background-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
  color:#5fcaff;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
}
h6 {
  margin: 3px;
  font-size: 1em;
}
p, sub {
  font-size: 1.25em;
  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;
}