html {
	font: normal 100%/1.5 Arial, Helvetica, sans-serif;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	margin-right: 100px;
	max-width: 800px;
	/*margin: 100px;*/
}
header {
	background-color: #ffffff;
	padding: 1em 0;
}
h1 {
	margin-left: 0px;
	text-align: left;
	size: 1em;
}

h1.code_snippet_heading {
	text-align: center;
	/*background-color: #0f4c5c;*/

}

header.my_header {
	background-color: transparent;
}

h3.header_name {
	color: gray;
}

.nav {
	background-color: transparent;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.nav li {
	background-color: transparent;
	display: inline-block;
	padding: 0.2em 0.5em;
}

.nav a {
	background-color: transparent;
	/*color: #fff;*/
	color: #337ab7;
	display: inline-block;
	padding: 0.5em 1em;
	/*background-color: #666;*/
	border-radius: 4px;
	text-decoration: none;
}

.nav a:hover {
	color: #fff;
	background-color: #337ab7;
}

table.center {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

section.snippet {
	/*background-color: #e0e0eb;*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*border-radius: 1px;*/
	/*box-shadow: 0px 0px 1px 1px gray;*/
	/*padding: 15px;*/
	/*background-color: #fff;*/
	/*background-color: lightgray;*/
	background-color: #faf9f9;
	min-height: 0;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
	box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}

h3.notebooklink a {
	color: #000;
	display: inline-block;
	text-decoration: none;
}
h3.notebooklink a:hover {
	color: #fff;
	background-color: #666;
	display: inline-block;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-radius: 4px;
	text-decoration: none;
}

p.snippet_date {
	margin-top: -35px;
	font-size: small;
	color: gray;
	text-align: right;

}

/*Notes:*/
/*Colours: https://coolors.co/*/
/*https://www.youtube.com/watch?list=PLWjCJDeWfDdfJ3cSUNe_XiUWGpJj1tEAr&time_continue=59&v=OmfcLL8qGO8&feature=emb_logo*/