@font-face {
   font-family: 'rtgame';
   src: url('fonts/Vollkorn-Black.ttf');
}
body {
  background-image: url("https://bettysgraphics.neocities.org/images/backgrounds/pattern%20571.gif");
  background-position: top right;
  background-size: 100px;
  font-family: 'rtgame';
}
a {
  color: black;
  text-decoration: none;
}
.layout {
  width: 100%;

  display: grid;
  grid:
    "header header header" auto
    "leftSide body rightSide" 1fr
    "footer footer footer" auto
    / auto 1fr auto;
  gap: 8px;
}

.header {
  grid-area: header;
  text-align: center;
}
.leftSide {
  grid-area: leftSide;
  text-align: center;
}
.body {
  grid-area: body;
  text-align: center;
}
.rightSide {
  grid-area: rightSide;
  text-align: center;
}
.footer {
  grid-area: footer;
  text-align: center;
}