.grid-item {
    background-color: #314C49;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-size: 30px;
}

.item1 {grid-area: header;}
.item2 {grid-area: grammy;}
.item3 {grid-area: bird;}
.item4 {grid-area: pic;}
.item5 {grid-area: top10;}
.item6 {grid-area: stone;}
.item7 {grid-area: poem;}
.item8 {grid-area: logo;}

.grid-container {
    display: grid;
    background-color: #56786a;
    padding: 10px;
    gap: 10px;
    grid-template-areas:
        'header header header'
        'grammy bird pic'
        'top10 stone stone'
        'top10 poem poem'
        'logo poem poem';
}

.grid-container > div {
    text-align: center;
    padding: 20px ;
    font-size: 30px;
}

body {
    background-color: #0B2027;
}

img, iframe {
    width: 350px;
    height: 25px;
}

ul, ol, li {
    text-align: left;
}