/* This is the CSS styling.
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;

}

body {

	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: 150px;
	margin-left: 150px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background-color: #D3D3D3;	
	border-style: solid;
}

h1 {
	margin-bottom: 15px;
	font-family: arial;
	font-size: 275%;
}

h2 {
	margin-bottom: 10px;
	font-family: arial;
}

h3 {
	margin-bottom: 10px;
	font-family: arial;
	font-style: italic;
}

.text {
	margin-bottom: 10px;
	font-family: arial;
}

img {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 200px;
}

.Table {                   
	display: flex;
	margin-top: 10px;
	margin-left: 50px;  /* modified this margin due to change caused by using <pre> tag */

}

.Box {
	margin-right: 50px;  /* modified this margin due to change caused by using <pre> tag */
}

pre {                   /* added <pre> tag styling */
	font-size: 125%
}