body {
	font-size: medium;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}

header.top h1 {
	text-align: center;
	}
	
section#introduction {
	padding: 15px;
	background-color: #E89910;
	margin: 10px;
	}
	
div#tableContainer {
	display: table;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	border-spacing: 10px;
	border-collapse: collapse;
	\\border-style: dotted;
	}
	
div#tableRow1 {
	display: table-row;
	}

div#tableRow2 {
	display: table-row;
	}
	
div#tableRow3 {
	display: table-row;
	}
	
div#tableRow4 {
	display: table-row;
	}
	
section#machineplayer {
	width: 50%;
	border-style:  dotted;
	border-width: 2px;
	padding: 10px;
	display: table-cell;
	}
	
section#interpreter {
	border-style:  dotted;
	display: table-cell;
	border-width: 2px;
	padding: 10px;
	}
	
section#graph {
	border-style:  dotted;
	display: table-cell;
	border-width: 2px;
	padding: 10px;
	}
	
section#sudoku {
	border-style:  dotted;
	display: table-cell;
	border-width: 2px;
	padding: 10px;
	}
	
section#ants {
	border-style:  dotted;
	display: table-cell;
	border-width: 2px;
	padding: 10px;
	}
	
section#ocean {
	border-style:  dotted;
	display: table-cell;
	border-width: 2px;
	padding: 10px;
	}
	
section#pig {
	border-style:  dotted;
	display: table-cell;
	border-width: 2px;
	padding: 10px;
	}
	
section#twitter {
	border-style:  dotted;
	display: table-cell;
	border-width: 2px;
	padding: 10px;
	}
	
footer {
	background-color: #E89910;
   text-align:       center;
   padding:          15px;
  	margin:10px;
  	font-size:        90%;
	}