body{
    grid-template-areas: 
    "A A A A"
    "B B B B"
    "M M M M"
    "C C C C";
}
main{
    grid-template-areas:
    "D D D D"
    "G G G G"
    "F F F F"
    "E E E E";
}
nav{
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto;
}
nav > .index{
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    }
        nav > .detail1{
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        }
        nav > .detail2{
            grid-row: 1 / 2;
            grid-column: 3 / 4;
            }
            nav > .form{
                grid-row: 1 / 2;
                grid-column: 4 / 5;
                }
footer{
    text-align: center;
}

#scores{
    grid-row: 1 / 2;
    grid-column: 1 / 2;
     }
 #bid{
     grid-row: 2 / 3;
     grid-column: 1 / 2;
  }
  #pic2{
    grid-row:  3 / 4;
    grid-column: 1 / 2;
}
 #abuse{
     grid-row: 4 / 5;
     grid-column: 1 / 2;
 }
 #neglect{
         grid-row: 5 / 6;
         grid-column: 1 / 2;
 }
 #house{
         grid-row: 6 / 7;
         grid-column: 1 / 2;
 }