/* General Container Styling */
.container {
  display: grid;
  grid-template-areas:
    "header  header  header"
    "link1   content1 content2"
    "link2   content3 content3"
    "footer  footer  footer";
  grid-template-columns: 1fr 2fr 2fr;
  gap: 10px;
  background-color: #21868e;
  padding: 10px;
}

/* Styling for All Divs */
.container > div {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border-radius: 5px;
}

/* Header Area */
.header {
  grid-area: header;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
}

/* Link Areas */
.link1 {
  grid-area: link1;
  font-size: 1em;
  padding: 15px;
}

.link2 {
  grid-area: link2;
  font-size: 1em;
  padding: 15px;
}

/* Content Areas */
.content1 {
  grid-area: content1;
}

.content2 {
  grid-area: content2;
}

.content3 {
  grid-area: content3;
}

.footer {
  grid-area: footer;
  text-align: center;
  font-size: 1em;
}

/* Footer Area */
.footer {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
}

/* Figure and Caption Styling */
figure {
  margin: 0;
}

figcaption {
  font-size: 0.9em;
  color: #555;
}