@font-face {                  
  font-family: 'CHNOPixel';
  src: url(https://humantooth.neocities.org/fonts/CHNOPixelCodePro-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
} 

 html, body {
     font-family: 'CHNOPixel';
     margin:0;
     padding-top:25px;
     padding:0;
     height:100%;
     font-size:11px;
     background-image:url('/tempo/img/017C.png');
     background-repeat:repeat;
     color:var(--dkest-color);
     padding:1px;
}

.wrapper {
  justify-content:center;
  margin: 50px auto;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  grid-auto-rows: 50px;
  grid-gap: 10px;
  color: #0b0;
}

.box {
  background-color: #000;
  border-radius: 0px;
  padding: 0px;
  margin: 0px 0px;
  font-size: 150%;
  border-style: outset;
  border-color: #888;
}

.title {
  grid-column: 1 / 21;
  grid-row: span 3;
  font-size: 120px;
  text-align: center;
}

.content {
  grid-column: 1/21;
  grid-row: span 32;
}

.codeBlock {
  width: 90%;
  height: 256px
}