@font-face {
  font-family: "Pixellari";
  src: url("../fonts/pixellari-webfont.woff2") format("woff2");
}

body {
 background-image: url("https://i4.glitter-graphics.org/pub/708/708444gamtqfdojl.jpg");
 font-family: 'Pixellari', sans-serif;
}


.container {
  display: grid;
  border: 5px solid teal;
  grid-template-columns: 1fr 1fr; /* two equal columns */
  grid-template-rows: auto auto auto; /* three rows */
  grid-template-areas:
  "listen listen"
  "lyrics about"
  "lyrics comments";
  gap: 20px; 
}

.listen {
  grid-area: listen;
  background-color: blue;
}

.lyrics {
  grid-area: lyrics;
  background-color: purple;
}

.about {
  grid-area: about;
  background-color: orange;
}

.comments {
  grid-area: comments;
  background-color: blue;
}