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

body {
  background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/skulls%204.jpg);
}

.box {
 max-width: 1400px;
 margin: 50px auto;
 display: grid;
 grid-gap: 10px;
 grid-template-columns: 250px minmax(0,1fr);
}

header, nav, main, footer {
  background: black;
  padding: 10px;
  border: 5px double red;
}

header {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
}

nav {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  height: max-content;
}

main {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  height: max-content;
}

footer {
  grid-row: 3 / 4;
  grid-column: 1 / 3;
}

h1, h2, p {
 color: red;
 font-family: 'unixel';
}