/*Nav Rules*/
nav{
    display: grid;
    grid-template-areas: "auto auto" "auto auto";
    grid-gap: 0%; 
}

/*Index Rules*/
.index main{
    grid-template-areas: 
        "box1"
        "box2"
        "box3"
        "box4"
        "box5";
    padding-bottom: 25%;
}

/*About Rules*/
.about main{
    grid-template-areas: 
        "box1"
        "box3"
        "box2"
        "box5"
        "box4"
        "box7"
        "box6";
    padding-bottom: 30%;
}

/*Gallery Rules*/
.gallery main{
    grid-template-areas: 
        "box1" 
        "title1" 
        "squirrel1" "squirrel2" "squirrel3" 
        "deer1" "deer2" "deer3" 
        "title2"
        "robin" "humming1" "humming2"
        "finch" "hawk" "bluejay" 
        "title3"
        "reflection" "moon" "sunset"
        "link";
    padding-bottom: 260%;
}

.sunset{
    max-width: 100%;
}

/*Publications Rules*/
.publication main{
    padding-bottom: 35%;
}

.publication img{
    max-width: 100%;
}

/*Form Rules*/
.form main{
    grid-template-areas: 
        "box1" 
        "box2" 
        "box3" 
        "box4";
    padding-bottom: 20%;
}