/* GLOBAL*/

body{
    width: 90%;
    margin: auto;
    
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas: 
    "header header"
    "nav nav"
    "section section"
    "footer footer";
}

header{
    grid-area: header;
}

nav{
    grid-area: nav;
}

nav a{
    text-decoration: none;
    color: black;
    padding: 0 50px 0 50px ;
}

section{
    grid-area: section;
}

footer{
    grid-area: footer;
}

/*template page*/

#index_section{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas: 
    "art1 art2"
    "art 3 art4";
}

#art2 img{
    width: 100%;
}

#art3 img{
    width: 100%;
}

#art1 p{
    padding: 5px;
}

#art4 p{
    padding: 5px;
}