main {
    display: grid;
    grid-template-areas:
        "header header header"
        "video video object"
        "poem poem image"
        "poem poem list"
        "flag meme list";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 5px;
  background-color: #000000;
  padding: 5px;
}

main > div {
  background-color: rgb(255, 255, 255);
  padding: 5px;
}

main > .poem {
    grid-area: poem;
    text-align: center;
}

main > .header {
    grid-area: header;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    padding: 200px;
}

main > .video {
    grid-area: video;
}

main > .object {
    grid-area: object;
}

main > .image {
    grid-area: image;
}

main > .flag {
    grid-area: flag;
}

main > .meme {
    grid-area: meme;
}

main > .list {
    grid-area: list;
}