body{
    display:grid;
    grid-template-columns: 10vw 30vw 50vw 10vw; 
    grid-template-rows:5vw 42vh 3vh 45vh 5vh
}
#color{
    grid-column: 1 / 3;
    grid-row:1/2;
    background-color:rgb(188, 8, 243);
    opacity:20%;
}
 nav{
    grid-column: 3/5;
    grid-row:1/2;
    background-color:rgb( 243, 8,102);
    opacity:20%
}
main{
    grid-column: 1/5;
    grid-row: 2/ 4;
    background-color:rgb(8, 118, 243);
    opacity:20%
}
#ThePictures{
    grid-column :2 / 4;
    grid-row: 3 / 5;
    background-color:rgb(13, 240, 195);
    opacity:20%;
}
footer{
    grid-column:1/5;
    grid-row: 5/6;
    background-color:rgb(37, 27, 114);
    opacity:20%;
}
#filler{
    grid-column:1/5;
    grid-row:4/ 5;
    background-color:rgb(33, 252, 9);
    opacity:20%;

}