.grid-header {
  grid-area: header; 
  margin-right: -30px;
  margin-left: -30px;
  height: 90px;
	background-color : #053e00;
	font-size : 18px;
	font-weight : bold;
	color : White;
  border-radius: 6px 6px 0 0;
}

.grid-main { 
  grid-area: main; 
}

.grid-footer { 
  grid-area: footer; 
  margin-right: -30px;
  margin-left: -30px;
  margin-top: 30px;
  color: white;
  background-color: #053e00;
  height: auto;
  min-height: 80px;  
  border-radius: 0 0 6px 6px;
}

.grid-footer a { 
  color: white !important;
}

.grid-footer a:hover {
  text-decoration : none !important;
  color : #ff0000 !important;
}

.grid-container {
  display: grid;
  grid-template-areas:
    'header'
    'main'
    'footer';
  grid-gap: 2px;
  padding: 2px;
  background-color: #fcfcf4;
  width: 900px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 6px 6px 6px 6px;
}

.grid-container > div {
  padding: 0px;
}

.flex-container {
  display: flex;
}

.flex-container > div {
  margin: 10px;
  padding: 2px;
}

/* */

.poem-1   { grid-area: poem1; }
.poem-2   { grid-area: poem2; }
.poem-3   { grid-area: poem3; }
.poem-4   { grid-area: poem4; }
.poem-5   { grid-area: poem5; }
.poem-6   { grid-area: poem6; }
.poem-7   { grid-area: poem7; }
.poem-8   { grid-area: poem8; }
.poem-9   { grid-area: poem9; }
.poem-10  { grid-area: poem10; }
.poem-11  { grid-area: poem11; }
.poem-12  { grid-area: poem12; }

.trans-1  { grid-area: trans1; }
.trans-2  { grid-area: trans2; }
.trans-3  { grid-area: trans3; }
.trans-4  { grid-area: trans4; }
.trans-5  { grid-area: trans5; }
.trans-6  { grid-area: trans6; }
.trans-7  { grid-area: trans7; }
.trans-8  { grid-area: trans8; }
.trans-9  { grid-area: trans9; }
.trans-10 { grid-area: trans10; }
.trans-11 { grid-area: trans11; }
.trans-12 { grid-area: trans12; }

.poem-container {
  display: grid;
  grid-template-areas:
  'poem1 trans1'
  'poem2 trans2'
  'poem3 trans3'
  'poem4 trans4'
  'poem5 trans5'
  'poem6 trans6'
  'poem7 trans7'
  'poem8 trans8'
  'poem9 trans9'
  'poem10 trans10'
  'poem11 trans11'
  'poem12 trans12';
  grid-gap: 60px;
  padding: 10px;  
}

.poem-rubric {
  color: red;
  font-weight: bold;
  font-style: italic;
}  

.poem-squish {
  margin-top: -45px;
}

.trans-squish {
  margin-top: -45px;
  margin-right: 40px;
}

/* */

.poem2col-container {
  display: grid;
  grid-template-columns: auto auto;
  padding-top: 14px;
  font-size: 9pt;
  margin-left:50px;
}


.poem3col-1 {
  padding-left: 0px;
}

.poem3col-1-wide {
  width: 280px;
}

.poem3col-1-color  {
  background-color: #f8f8ec;
  padding-left: 8px;
  padding-right: 8px;
}  
.poem3col-2 { 
  padding-left: 0px;
}

.poem3col-2-color { 
  background-color: #f8f8ec;
  padding-left: 8px;
  padding-right: 8px;
}

.poem3col-3  {
  padding-left: 0px;
}

.poem3col-3-color  {
  background-color: #f8f8ec;
  padding-left: 8px;
  padding-right: 8px;
}  
  
.poem3col-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  padding-top: 14px;
  font-size: 9pt;
}