:root{
    --main-radius: 5px;
  --main-padding: 5px;
}

body {
background-image: url("https://assets.codepen.io/13917157/POSS_BG_DARK.png");
		background-repeat: repeat; 
   
}

.container {
	display:grid;
height: auto;

	grid-template-columns: 1125px ;
	grid-template-rows: 200px 100px 140px auto 100px 263px;
  grid-gap: 0.3cm;
  text-align: left;
    font-family: "Gill Sans", sans-serif;
  font-weight: 700;
  font-size:14px;

  color: @004d40;
  grid-template-areas:
    "header"
    "menu"
    "a_chapter"
"content1"
    "DL "
    "footer "
}

p.thicker {
  font-weight: 900;
}

p.indent {
    text-indent: 30px;
}



header{ 
    background: #F3F4F9;
background-image: url("https://assets.codepen.io/13917157/TSWlogo2.png");
background-repeat: no-repeat;
 border: 4px solid #c1c2c7;
      grid-area: header;
  border-radius:var(--main-radius);
   padding-top: 0.5cm;
}
#menu{   background: #F3F4F9;
  background-image: url("https://assets.codepen.io/13917157/StoneWash_7-225.png");
 border: 5px solid #919297;
      grid-area: menu;
	    padding-top: 0.2cm;
  	padding-bottom: 0.2cm;
  border-radius:var(--main-radius);

}

#a_chapter{ 
  background: #F3F4F9;
background-image: url("https://assets.codepen.io/13917157/PossibleLGHTBack2.png");
 border: 4px solid #c1c2c7;
  grid-area: a_chapter;
  padding-top: 0.2cm;
  	padding-bottom: 0.2cm;
   padding-top: var(--main-padding);
}

#content1{ 
  background: #F3F4F9;
background-image: url("https://assets.codepen.io/13917157/PossibleLGHTBack2.png");
 border: 4px solid #c1c2c7;
  grid-area: content1;

  border-radius:var(--main-radius);
padding: 3em;
}
         




#DL{ 
  background: #F3F4F9;
background-image: url("https://assets.codepen.io/13917157/PossibleLGHTBack2.png");
 border: 4px solid #c1c2c7;
  grid-area: DL;
  border-radius:var(--main-radius);
   padding-top: var(--main-padding);
}


footer{background: #F3F4F9;
background-image: url("https://assets.codepen.io/13917157/NewFooter.png");
background-repeat: no-repeat;
 border: 4px solid #c1c2c7;
      grid-area: footer;
  border-radius:var(--main-radius);
   padding-top: 0.5cm;
}
   


  }
}