html{
	scroll-behavior: smooth;
}
body {
	font-family: sans-serif;
	tab-size: 4;
	padding-bottom: 3em;
	padding: 0;
	margin: 0;
	color: #333;
	background-color: #f2f2f2;

	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
main { flex: 1; }
h1,h2,h3,h4,h5,h6 {
	font-family: serif;
}
p {
	margin: 1em;
}
@media (min-width: 500px) {
	nav { position: fixed; }
}

nav {
	font-family: serif;
	width: 100%;
	background-color: rgba(230, 230, 230, 0.808);
	backdrop-filter: blur(5px);
	text-align: center;
	padding: 0.5em;
	margin: 0;
}
nav a {
	display: inline-block;
	padding: 0.5em 1em;
	color: inherit;
	text-decoration: none;
}
a { color: inherit; }
.GetStarted {
	border-radius: 25px;
	background-color: hsl(235, 63%, 62%);
	color:#FFF;
	font-weight: 500;

	text-decoration: none;
	padding: 0.5em 1em;
}
.homepage {
	text-align: center;
}
.text-left { text-align: left;}

#features { padding-top: 1.75em; }

.submitted {
	max-width: 8.5in;
	margin: 25vh auto 0;
}

.footer {
	max-width: 8.5in;
	display: block;
	margin: 1em auto 2em auto;
}

.page-center {
	max-width: 8.5in;
	margin: 0 auto;
}

section > div { max-width: 8.5in; }
section {
	margin: 0 auto;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

table label { text-align: right; width: 100%; display: inline-block;}
table select { width: 100%;}

textarea { width: 100%; height: 5em;}

/* Media Light */
code.hljs {
	padding: 3px 5px;
	color: #3E3D6E;
}

.hljs-attr,
.hljs-variable { color: #a15445; }
.hljs-comment { color: #73737D }
.hljs-keyword { color: #007DB8; }
.hljs-number { color: #C931BC; }
.hljs-title { color: #23974A; }


@media (prefers-color-scheme: dark) {

body {
	background-color:#181818;
	color: #cdccc9;
}

nav {
	background-color: hsla(0, 0%, 15%, 0.808);
}

code.hljs {color: #C0C0C0; }

.hljs-attr,
.hljs-variable { color: #a3daf5; }
.hljs-comment { color: #73a659 }
.hljs-keyword { color: #5c8fd6; }
.hljs-number { color: #b9d2ac; }
.hljs-title { color: #d5d590; }
.hljs-string { color: #ce987e; }
.hljs-built_in { color:#d5d590; }
.hljs-type { color:#60ccbb; }
.hljs-function { color:#d5d590; }
/*NO STYLE .hljs-params { }*/

}