body {
    margin: 0;
    padding: 0;
    display: grid;
    width: 100%;
    height: 600px;
    grid-template-columns: 200px 1fr 1fr;
    grid-template-rows: 80px 50px 1fr 1fr 40px;
    background-image: url(image\leaves2.html);
}
header 	{ grid-row: 1 / 2; grid-column: 1 / 4; }
nav 	{ grid-row: 2 / 3; grid-column: 1 / 4; }
#pgmenu	{ grid-row: 3 / 7; grid-column: 1 / 2;}
#s2 {grid-row: 3 / 4; grid-column: 2 / 3;}
#s3 {grid-row: 3 / 4; grid-column: 3 / 4;}
#s4 {grid-row: 4 / 5; grid-column: 2 / 3;}
#s5 {grid-row: 4 / 5; grid-column: 3 / 4;}
#s6 {grid-row: 3 / 4; grid-column: 3 / span 5;}
#s7 {grid-row: 3 / 4; grid-column: 3 / span 5;}
/*title*/
header {
    background-color: red;
    text-align: center;
}
/*nav menu format*/
nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    list-style-type: none;
    height: auto;
}
nav li{
    overflow: hidden;
    padding: 8px 15px;
    margin: 0 15px 0 0;
    text-align: center;
    border-radius: 15px;
}
nav a{
  text-decoration: none;
  color: black;
}
#lim {background-color: #BCF4F5;}
#lib {background-color: #B4EBCA;}
#lis {background-color: #D9F2B4;}
#lit {background-color: #D3FAC7;}
#lip {background-color: #FFB7C3;}

#pgmenu {background-color: whitesmoke;}
#s2 {background-color: whitesmoke;}
#s3 {background-color: whitesmoke;}
#s4 {background-color: whitesmoke;}
#s5 {background-color: whitesmoke;}
#s6 {background-color: whitesmoke;}