body {
	background: #eeeeee;
	color : #222222;
	font-family: sans-serif;
}

.container{
	display: grid;
	grid-template-columns: 150px auto 150px;
	grid-template-rows: 80px auto 20px; 
	gap: 5px 5px;
}


.header{
	grid-column-start: 2;
	grid-column-end: 4;
}

.leftside {
	grid-column-start: 1;
	grid-column-end: 2;
}
.content{
	grid-column-start: 2;
	grid-column-end: 3;
}

.rightside {
	grid-column-start: 3;
	grid-column-end: 4;
}

.footer{
	grid-column-start: 2;
	grid-column-end: 3;
	color: #d0d0d0;
	background: #808080;
}

.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.rowOfColumns:after {
  content: "";
  display: table;
  clear: both;
}


a {
	text-decoration: none;
}

ul a:hover {
	text-decoration: underline;
	color: #7700ff;
}

.CodeBlock {
	margin: 20px;
	background: #ffffff;
	tab-size: 2;
	width: 50em;
	overflow-x: auto;
	white-space: nowrap;
}

.pdfViewer {
    width: 100%;
    height: 600px;
}

.flex-row{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	gap: 25px;
    padding-bottom:25px;
}

.grid-2-columns {
	display: grid;
	grid-template-columns: auto auto;
	justify-items: stretch;
}

.a-2-column-item{
   grid-column: 1 / 3;
}