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: 100px;
}

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;
}