main {
    display: grid;

    grid-template-areas: 
        "title title title"
        "ytv zacmacaw bobross"
        "movies coords coords"
        "movies poem poem"
        "rugby poem poem"
    ;
}

main > * {
    background-color: skyblue;
    border-radius: 10px;
    padding: 2%;
}

h1 {
    grid-area: title;
    font-size: 300%;
    font-family: bubbly;
    text-align: center;
}

#ytv {
    grid-area: ytv;
}

#zacmacaw {
    grid-area: zacmacaw;
    width: 50%;
    height: 50%;
}

#bobrizz {
    grid-area: bobross;
}

#movies {
    grid-area: movies;
}

#stonehenge {
    grid-area: coords;
}

#haka {
    grid-area: rugby;
}

#theloser {
    grid-area: poem;
}

@font-face {
    font-family: bubbly;
    src: url("SuperComic-qZg62.ttf")
}