body {
	/*color: rgb(39, 2, 77);*/
}
h3 { 
	/*color: rgb(39, 2, 77);*/
}
p {
	color: rgb(39, 2, 77);
}
a {
  color: darkgreen;
}
a:visited {
	color: pink;
}
body {
  background-color: rgb(143,188,143);
  height: 100%;
}
.container {
  display: grid;
  grid-template-areas:
  "header header header"
  "content menu notes"
  "footer footer footer";
  grid-template-columns: 1fr 3fr 1fr;
  gap: 5px;
  background-color: rgb(216,191,216);
  padding: 5px;
  height:auto;
}
.container > div {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}
.container > div.header {
  grid-area: header;
  background-color: rgb(230,230,250);
  text-align: center;
}
.container > div.menu {
  background-color: rgb(147,112,219);
  grid-area: menu;
}
.container > div.menu > h3 {
  text-align: center;
}
.container > div.menu > a {
  background-color: rgb(147,112,219);
  padding-left: 45%;
}
.container > div.content {
  background-color: rgb(123,104,238); /*"mediumslateblue"*/
  grid-area: content;
}
.container > div.notes {
  background-color: rgb(106,90,205);
  grid-area: notes;
}
.container > div.footer {
  background-color: rgb(230,230,250);
  grid-area: footer;
}