body{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1/5 1/5 3/5 3/5 1/5;
}
nav{
    background-color: rgb(4, 255, 0);
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
    overflow: hidden;
    ul{
        list-style: none;
    }
    li{
        float: left;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        margin-left: 5%;
        margin-top: 1%;
    }
    a{
        text-decoration: none;
        color: rgb(0, 0, 0);
    }
    a:active{
        text-decoration: none;
        color: rgb(0, 0, 0);
        background-color: yellow;
        border-radius: 20px;
    }
    img{
        padding: 0.5%;
        float: left;
        width: 5%;
    }
}
h1{
    font-size: 50px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(0, 132, 255);
}
h2{
    font-size: 30px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(0, 132, 255);
}
p{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    text-align: left;
}
header{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    margin-left: 1%;
}
main:nth-child(3){
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
    img{
        width: 60%;
        margin-left: 1%;
        margin-right: 1%;
    }
}
article:nth-child(4){
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    img{
        width:40%;
    }
}
article:nth-child(5){
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    margin-left: 5%;
    vertical-align: middle;
    img{
        width: 40%;
    }
}
article:nth-child(6){
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    margin-left: 5%;
    vertical-align: middle;
    img{
        width:39%
    }
}
img:nth-child(7){
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 5;
    margin-left: 5%;
    width:70%;
    margin-bottom: 3%;
    margin-top: 2%;
}
img:nth-child(2){
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
    width:80%;
    margin-top: 3%; 
}
section:nth-child(3){
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    img{
        margin-left: 3%;
        margin-bottom: 3%;
        width:80%;
    }
}

#article{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 5;
    img:nth-child(2){
        width:50%;
    }
    img:nth-child(3){
        width:50%;
        margin-left: 0%;
        margin-top: 2%;
    }
}
section:nth-child(2){
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
img:nth-child(3){
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 5;
    margin-top: 2%;
    margin-left: 2%;
        width:80%;
}
section:nth-child(4){
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 5;
    overflow: hidden;
    margin-bottom: 2%;
    img:nth-child(2){
        margin-top: 2%;
        width: 27%;
        float: left;
        margin-right: 3%;
    }
    img:nth-child(3){
        width: 30%;
        margin-right: 3%;
    }
    img:nth-child(4){
        width: 28%;
        margin-right: 3%;
    }
}
article:nth-child(2){
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 5;
    overflow: hidden;
    h1{
        font-size: 50px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: rgb(0, 132, 255);
        margin-bottom: 0%;
    }
    img{
        width:50%;
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    p{
        margin-top: 3%;
        padding-right: 3%;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 15px;
        text-align: left;
    }
}
article:nth-child(3){
    clear: left;
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 5;
    img:nth-child(2){
        width:83%;
    }
    img:nth-child(3){
        width:47%;
        margin-left: 0%;
    }
    img:nth-child(4){
        margin-left: 1%;
        width:34%;
    }
}
figure{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
    padding-left: 5%;
    padding-top: 3%;
    img:nth-child(1){
        width: 10%;
    }
    img:nth-child(2){
        width: 12%;
    }
    img:nth-child(3){
        width: 10%;
    }
    img:nth-child(4){
        width: 12%;
    }
}
footer{
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 5;
    grid-row-end: 6;
    background-color:rgb(4, 255, 0);
    overflow:hidden;
    margin-top: 1%;
    p{
        float: left;
        text-align: left;
        font-size: 15px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        margin-left: 1%;
        margin-top: 1.5%;
    }
}