html {background-color: #FFE893}
img {
  display: block;
  margin: auto;
  width: 50%;
}
.container {
  display: grid;
  grid-template-areas:
    "menu header"
    "content header"
    "footer footer";
  grid-template-columns: 1fr 3fr;
  gap: 3px;

width: 70%;
margin-left: auto;
  margin-right: auto;
 text-align: center;
}
.container div {
  padding: 10px;
}
.container div.header {
  grid-area: header;
  text-align: center;
  background-color: #FB9EC6;
 border-style: solid;
border-color: #FCFFC1;
}
.container div.menu {
  grid-area: menu;
  background-color: #FB9EC6;
 border-style: solid;
border-color: #FCFFC1;
}
.container div.content {
  grid-area: content;
}
.container div.footer {
  grid-area: footer;
  text-align: center;  
}
[id] {
	display: none;
}
[id]:target {
  display:block;
}