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

html, body {
    font-family: 'Fliege';
    margin:0;
    padding-top:25px;
    padding:0;
    height:100%;
    font-size:11px;
    background-image:url('img/stars.gif');
    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;
}

.box {
  background-color: rgb(32, 0, 83);
  color: #fffd76;
  border-radius: 0px;
  padding: 0px 0px;
  margin: 0px 0px;
  font-size: 150%;
  border-style: outset;
  border-color: #000;
}

.line {
  width: 100%;
  height: 0px;
  border-style: outset;
  border-color: #000;
}

.links-box {
  grid-column: 1 / span 20;
  grid-row: span 1;
  font-size: 32px;
  text-align: center;
  text-justify: center;
}

.header-box {
  grid-column: 1 / span 20;
  grid-row: span 4;
  font-size: 72px;
  text-align: center;
  text-justify: center;
  font-family: 'lovely script'
}

.body-box {
  grid-column: 1 / span 20;
  grid-row: span 10;
  padding: 10px;
  
}

.links-box {
  grid-column: 1 / span 20;
  grid-row: span 1;
  font-size: 32px;
  text-align: center;
  text-justify: center;
}