body > * {

    border: solid black 1px;  
}
body {
    display: grid;
    grid-template-areas: 
    "heading heading heading"
    "art video video"
    "art cords fine"
    "poem poem flag"
    "poem poem bob"
    ;

}
#heading {
    text-align: center;
    grid-area: heading;
}
#art{
    grid-area:art;
}
#movie
{
    grid-area: video;
}
#cords
{
    grid-area: cords;
}
#fine
{
    grid-area: fine;
}
#poem{
    grid-area: poem;
    font-size: 80px;
}
#flag{
    grid-area: flag;
}
#bob{
    grid-area: bob;
}
h1{
    margin: 0px;
   padding: 50px;
}
p{
    margin: 0px;
}
li{
    margin: 0px;
}
ol{
    margin: 0px;
    padding: 100px;
}
img{
    width: 100%;
    height: 100%;
}
#picture{
    width: 100%;
    height: 100%;
}