@charset "utf-8";

body {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	overflow: inherit;
	min-width: 768px;
	min-height: 400px;
	margin: 0;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1 {
  font-weight: bold;
  font-size: 1.25em;
}

h2 {
  font-weight: bold;
  font-size: 1.10em;
}

iframe { border: 0; }

pre {
	border-radius: 10px;
	border: 2px solid blue;
	background-color: lightgrey;
	padding: 15px;
	font: 100% Courier;
	
}

table {
	padding: 0.5em;
}

td {
	padding: 0.5em;
}

th {
	text-align: left;
	background-color: lightgray;
}

div.swifttoc table {
	border-spacing: 0.6em;
	background-image: url(background.jpeg)	;
    background-size: 100% auto;
	border-radius: 15px;
}

div.swifttoc th {
	background: rgba(255, 255, 255, .75);
	border: 2px solid gray;
	border-radius: 15px;
	padding: 1.0em;
}

div.swifttoc td {
	vertical-align: top;
	width: 33.3%;
	border: 2px solid gray;
	border-radius: 25px;
	padding: 1em;
	background: rgba(255, 255, 255, .75);
}