main{
    display: grid;
    grid-template-areas: 
        "title title title"
        "orderedlist video video"
        "orderedlist coords thisisfine"
        "poem poem haka"
        "poem poem bobross";

    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 20%;
    margin-right: 20%;

}

.divvy{
    border: 1px solid black;
}

#title{
    grid-area: title;
    text-align: center;
}

#orderedlist{
    grid-area: orderedlist;
}
#video{
    grid-area: video;
    width: 100%;
    height: 100%;
}
.image{
    place-self: center;
    width: 250px;
    
}

#coords{
    grid-area: coords;
}
#thisisfine{
    grid-area: thisisfine;
}
#poem{
    grid-area: poem;
}
#haka{
    grid-area: haka;
}
#bobross{
    grid-area: bobross;
}
h2{
    margin: 20px;
}