body{
    background-color: ghostwhite;
    border-color: black;
    
}

main{
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows: 100px 1fr 1fr 1fr 40px;
    width: 1280px;
    margin: auto;
    background-color: ghostwhite;
    border-color: black;
    text-align: center;
    }

h1{
  grid-column: 1/4;           
  text-align: center;
  border-style: solid;
  

}    


.GrammyYT {
    grid-column: 1/2;
    grid-row: 2/3;
    border-style: solid;
    text-align: center;
}
.Top10 {
    grid-column: 1/2;
    grid-row: 3/4;
    border-style: solid;
    text-align: center;
    font-size:large;
}

.ZacBird{
    grid-column: 2/3;
    grid-row: 2/3;
    border-style: solid;
    text-align: center;
}
.BobH{
    grid-column: 3/4;
    grid-row: 2/3;
    border-style: solid;
    text-align: center;
}
.location{
    grid-column: 2/ span 3;
    grid-row: 3/4;
    font-size:large;
    border-style: solid;
    text-align: center;
}
.ShelSilver{
    grid-column: 2/ span 3;
    grid-row: 4/5;
    font-size:larger;
    border-style: solid;
    text-align: center;
}


.LogoHaka{
    grid-column:1/2 ;
    grid-row: 4/5;
    border-style: solid;
    text-align: center;
}

footer{
    text-align: center;
    grid-row:5/6;
    grid-column: 1 / span 3;
    border-style: solid;
}