body{
    display:grid;
    grid-template-columns: 10vw 26vw 26vw 26vw 10vw; 
    grid-template-rows:5vw 42vh 3vh 45vh 30vh 150px
}
#Dude{
    grid-row:2/ 6;
    grid-column:2/5;
background-position: center;
padding-bottom:300px;
}
#blackness{
    background-color:rgb(28, 9, 71);
    grid-column:1/6;
    grid-row:1/7;
}
#thecolor{
    background-color:rgb(84, 152, 213);
    grid-column:1/6;
    grid-row:1/2;
}

#Kanye{
    grid-column:2/3;
    grid-row:3/6;
border-top:5px solid rgb(30, 29, 29);
border-right: 5px solid rgb(30, 29, 29);
border-left: 5px solid rgb(30, 29, 29);
background-color:rgb(30, 29, 29);
}


#Drake{
    grid-column:3/4;
    grid-row:3/6;
    border-top:5px solid rgb(30, 29, 29);
    border-right: 5px solid rgb(30, 29, 29);
    background-color: rgb(30, 29, 29);
}
    

#Cole{
    grid-column:5/-3;
    grid-row:3/6;
    border-top:5px solid rgb(30, 29, 29);
    border-right: 5px solid rgb(30, 29, 29);
    background-color: rgb(30, 29, 29);
}
nav a{
    text-decoration:none;
    padding:10px;
    color:green;
    font-weight:bold
   
}
nav{
    display: flex;
    flex-direction: row;
    grid-column:4/5;
    grid-row:1/2;
    text-align:center;
    font-size:x-large;
   

}
main p{
    font-size:medium;
    color:yellow;
}
main{
    display:flex;
    flex-direction: row;
    grid-column:2/5;
    grid-row:5/6;
}
h1{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
    grid-column:1/3;
    grid-row:1/2;
}
#Kanye img{
    height:50%;
    width:100%
}
#Drake img{
    width:100%; height:50%

}
#Cole img{
    width:100%; height:50%
}
#Dude img{
    width:100%; height:100%
}