nav{
    display:grid;
    grid-template-columns: auto auto auto auto;
    justify-content: space-evenly;
}


.index,.about,.form,.detail{
    background-image: url("../images/wheat_field.jpg");
    margin:auto; 
}
#array{
    background-image: url("../images/wheat_field.jpg");
}
main{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
}
table{
    display:grid;
    grid-template-columns: auto;
}
img{
    display:grid;
     max-width: 80%;
}
.map1{
    display:grid;
    grid-row: 2 / 3;
    grid-column:1 / 2 ;
    text-align: center;
}

.map2{
    display:grid;
    grid-row: 1 / 2;
    grid-column:2 / 3 ;
}
.map2header{
    display:grid;
    text-align: center;
}
.trends{
    display:grid;
    grid-row: 3 / 4 ;
    grid-column: 1 / 2 ;
}
.trendheader{
    display:grid;
    text-align: center;
}

.FIdef{
    display:grid;
    grid-row: 1 / 2;
    grid-column: 1 / 4;
}

.effectstable{
    display:grid;
    grid-row: 2 / 3;
    grid-column: 1 / 4;
}
.what{
    display:grid;
    grid-row: 3 / 4;
    grid-column: 2 / 4;
    padding: 20px;
}
.who{
    display:grid;
    grid-row: 3 / 4;
    grid-column: 1 / 2;
}
.headers{
    display:grid;
    text-align: center;
}

.girl{
    display: grid;
    grid-row: 2 / 3;
    grid-column: 1 / 4;
}
.important{
display:grid;
grid-row: 3 / 4;
grid-column: 2 / 4;
padding: 20px;
}
.development{
    display:grid;
    grid-row: 3 / 4;
    grid-column: 1 / 2;
}
.Aboutheader{
    display: grid;
    grid-row: 1 / 2;
    grid-column: 1 / 4 ;
    text-align: center;
}

.form{
    display: grid;
    grid-template-columns: auto;
}
.jpg{
    display: grid;
    grid-row: 1 / 2;
    grid-column: 1 /2 ;
}

.formpt1{
    display: grid;
    grid-row: 2 / 3;
    grid-column: 1 / 4;
}
.formpt2{
    display: grid;
    grid-row: 1 / 2;
    grid-column: 3 /4 ;
    align-content: space-evenly;
}

input[type="submit"] {
    display: grid;
    color:rgb(214, 10, 10);
}