h1 {
font-family: cursive;
color: darkblue;
text-align: center;
font-size: 3em;
}
h2 {
text-align: center;
}
header {
background-color : rgb(224,216,201);
}
body {
background-color : antiquewhite;
}
article {
padding: 20px;
background-color : lightgrey;
}
nav {
padding-left: 100px;
padding-top: 10px;
}
aside {
background-color : whitesmoke;
font-style: oblique;
padding: 20px;
}
footer {
color: white;
background-color: sandybrown;
}
body {
font-size: 1.5rem;
  display: grid;
  height: 100vh;
  grid-template-areas: "h h"
                       "n n"
                       "c a"
                       "f f";
grid-template-columns: 250px 1fr;
grid-template-rows: 200px 200px 1fr 100px;
}
/* augmenter la hauteur de n (navigation) sinon une li disparait !*/
header {
  grid-area: h;
}
nav {
  grid-area: n;
}
article {
	grid-area: a;
}
aside {
  grid-area: c;
}
footer {
  grid-area: f;
}
section {
border: 1px red solid;
padding: 20px;
background-color : white;
}
/*nav,header,article,section,aside,footer {
border: 1px red solid;
}*/