body.default a {color: #917baf; }

/* Layout Grid */
.parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;
  width: 80%;
  margin: auto;
}

.div1 {
  grid-column: span 4 / span 4;
  position: relative;
  background: transparent;
  height: auto;
}

.div2 {
  grid-row: span 2 / span 2;
  grid-row-start: 2;
  background: #CDB8A3;
  overflow-y: scroll;
  height: 455px;
}

.div3 {
  grid-column: span 2 / span 2;
  grid-row: span 2 / span 2;
  grid-row-start: 2;
  background: #E7D3BE;
  overflow-y: scroll;
  height: 455px;
}

.div4 {
  grid-row: span 2 / span 2;
  grid-column-start: 4;
  grid-row-start: 2;
  background: transparent;
  overflow-y: scroll;
  height: auto;
}

/* fonts */

h1 { font-family: 'Princess Sofia', sans-serif; color: #6D7B4A;}
h2 { font-family: 'Princess Sofia', sans-serif; color: #624F73;}
p { font-family: 'Bentham', serif; }