body{
    width: 97.5vw;
    height: fit-content;
}
main{
    display: grid;
    grid-template-areas: 
        "header header header"
        "list YT YT"
        "list carmon meme"
        "poem poem flag"
        "poem poem BOB";
    grid-template-columns: repeat(3, 32.5vw);
    grid-template-rows: repeat(5, 32.5vw);
    height: 100%;
    width: 100%;
}
h1{
    grid-area: header;
    text-align: center;
    font-size: 200px;
}
#flag{
    grid-area: flag;
}
#portrait{
    grid-area: BOB;
}
ol{
    grid-area: list;
    padding-left: 40px;
    font-size: 40px;
}
iframe{
    width: 100%;
    height: 100%;
}
#h{
    height: 95%;
    width: auto;
}
.f{
    width: 100%;
}

#carmon{
    grid-area: carmon;
}
#meme{
    grid-area: meme;
}
#poem{
    grid-area: poem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 70px;
}
#YT{
    grid-area: YT;
}

main > *{
    border: solid 1px black;
}
#portrait>*{
    width: 100%;
    height: auto;
}