/*	Variables
	================================================ */

html {
	--monospace: "Source Code Pro", monospace;
	--sans-serif: "Source Sans Pro", sans-serif;
}


/*	testform.webcraft101.com
	================================================ */

	body, html {
		margin: 0;
		padding: 0;
	}

/*	Layout
	================================================ */
	body {
		display: flex;
		min-height: 100vh;
		flex-direction: column;
	}

	main {
		flex: 1;
	}

/*	Basic Styles
	================================================ */

	html {
		font-family: var(--sans-serif);
		font-size: 87.5%;
	}


	body {
		background-color: #f8f8f8;
	}


	header, main, footer {
		width: 800px;
		margin: 0px auto;
		background-color: white;
		padding: 1em;
	}

/*	Element Styles
	================================================ */

	h1 {
		font-size: 4em;
		background-color: #2A5F5B;
		color: white;
		padding: .125em .5em;
		margin: 0;
	}
	h2 {
		font-family: sans-serif;
		padding-bottom: 0em;
		color: #15428B;
		border: thin #2A5F5B;
		border-style: solid none;
		margin: 0;
	}
	p {
		margin: .25em 0em .75em 0em;
		line-height: 1.5;
	}

	a {
		color: #2A5F5B;
		font-weight: bold;
		text-decoration: none;
		padding-bottom: .125em;
	}
	a:hover {
		border-bottom: thin solid;
	}

/*	QueryStrings
	================================================ */

	p.raw {
		font-family: var(--monospace);
		font-size: 1em;
		margin-left: 2rem;
	}


/*	Table Styles
	================================================ */

	table {
		font-family: var(--monospace);
		border-collapse: collapse;
		border-width: 2px;
		border-style: solid none;
		margin: 0 0 1em 2rem;
	}
	td, th {
		text-align: left;
		vertical-align: top;
		border: solid green;
		border-width: 1px 0px;
	}

	caption {
		text-align: left;
		font-size: 1.5em;
		font-weight: bold;
		color: #333;
		margin: 0;
		color: red;
		background-color: #2A5F5B;
		color: white;
		padding: .25em 1em;
	}
	col.key {
		width: 120px;
	}
	col.value {
		width: 480px;
	}

/*	Raw
	================================================ */

	div#raw {
		padding: 1em 0em;
	}
	div#rawget, div#rawpost {
		display: flex;
		align-items: flex-start;
		margin: 0;
		padding: .5em;
border: thin solid red;
	}
	div#raw h3, div#raw pre {
		margin: 0;
		font-size: 1.2rem;
	}
	div#raw h3 {
		width: 4em;
	}
	div#raw pre {
	}