.item1 {
    grid-area: grammy;
    border: 1px solid black;
    text-align: center;
}

.item2 {
    grid-area: zac; 
    border: 1px solid black;
    text-align: center;
}

.item3 {
    grid-area: bob;
    border: 1px solid black;
    text-align: center;
}

.item4 { 
    grid-area: movies; 
    border: 1px solid black;
    text-align: left;
}

.item5 { 
    grid-area: stonehenge; 
    border: 1px solid black;
    text-align: center;
}

.item6 { 
    grid-area: poem; 
    border: 1px solid black;
    text-align: center;
}

.item7 {
    grid-area: haka; 
    border: 1px solid black;
    text-align: center;
}

.grid-container {
    display: grid;
    grid-template-areas:
        'grammy zac bob'
        'movies stonehenge stonehenge'
        'movies poem poem'
        'haka poem poem';
    gap: 0px;
    background-color: cyan;
    padding: 10px;
}

.grid-container > div {
    padding: 10px 0;
    font-size: 20px;
    font-family: papyrus;
    background-color: white; 
    font-weight: 700;
}

h1{
    text-align: center;
    font-family: 'Papyrus';
    font-size: 2rem;
    margin-top: 20px;
    font-weight: 1000;
}