#head{
    grid-area: head;
    background-color: rgb(255, 0, 0);
    border-radius: 15px;
    text-align: center;
}

#video{
    grid-area: video;
    background-color: rgb(0, 255, 0);
    border-radius: 15px;
    padding: 10px;
}

#bird{
    grid-area: bird;
    background-color: rgb(0, 0, 255);
    border-radius: 15px;
}

#paint{
    grid-area: ross;
    background-color: rgb(255, 255, 0);
    border-radius: 15px;
}

#list{
    grid-area: list;
    background-color: rgb(255, 0, 255);
    border-radius: 15px;
}

#where{
    grid-area: where;
    background-color: rgb(0, 255, 255);
    border-radius: 15px;
}

#rugby{
    grid-area: rugby;
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
}

#poem{
    grid-area: poem;
    background-color: rgb(0, 0, 0);
    border-radius: 15px;
    color: white;
    padding: 10px;
}

#grid{
    display: grid;
    grid-template-areas:
    'head head head'
    'video bird ross'
    'list where where'
    'list poem poem'
    'rugby poem poem';
    gap: 10px;
    padding: 10px;
}
.wid{
    width: 90%;
    margin: 5%
}