.full-page {
  background-image: url(bow.png);
  background-repeat: repeat
}


.main-grid {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
      "header header header"
      "left-sidebar content right-sidebar"
      "footer footer footer"
    ;
}

.header {
  grid-area: header;
  background-color: lightblue;
}

.left-sidebar {
  grid-area: left-sidebar;
  background-color: pink;
}

.content {
  grid-area: content;
  background-color: white;
}

.right-sidebar {
  grid-area: right-sidebar;
  background-color: yellow;
}

.footer {
  grid-area: footer;
  background-color: lightgreen;
}

.main-grid div {
  border: 1px solid black;
  padding: 10px;
  text-align: center;
}


.titles {
  color: #6e2c57
}