body {
  background: url('/assets/img/noisy_background.svg');
  margin: 0;
  padding: 0;
}

/************/
/* The Grid */
/************/
.episode-list {
  max-width: 1000px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 100px 1fr 100px;
  grid-template-areas: 
    "header header header"
    "main main main"
    "footer_l footer_c footer_r";
  grid-row-gap: 1em;
}

header {
  grid-area: header;
}

main {
  grid-area: main;
}

footer #left {
  grid-area: footer_l;
}

footer #center {
  grid-area: footer_c;
}

footer #right {
  grid-area: footer_r;
}

/**********/
/* Header */
/**********/
header {
  background-color: white;

}

header h1 {
  color: red;
}

header h2 {
  color: green;
}

/********/
/* Main */
/********/
main {
  background-color: white;
}

/***********/
/* Preview */
/***********/
article.preview {
  margin: 1em 1em 1em 1em;
  border: 1px solid green;
  border-radius: 20px;
}

article.preview h1 {
  color: blue;
}

article.preview p {
  color: yellow;
}

/**********/
/* Footer */
/**********/
footer {
  background-color: white;
}