:root {
	--backgroundColor: #191F33;
	--plainTextColor: #C6C6C6;
	--orange:#AF5500;
	--brightOrange:#E17300;
	
}

body {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		/* background: var(--backgroundColor); */
		color: var(--plainTextColor);
		padding: 1em;
}

h1, h2 {
	color: var(--plainTextColor);
	font-weight: Bold;
	text-shadow: -1px 3px 3px rgba(0,0,0,0.8);
	text-align: center
}

html
{
	background: var(--backgroundColor);
	padding-top: 100px;
	padding-bottom: 100px;
}

a {
    color: var(--orange);
    text-decoration: none;
}

a:hover {
    color: var(--brightOrange);
}

.homepage
{
	text-align: left;

	background: rgba(0, 0, 0, 0.3);
	
	height: 330px;
	
	border-radius: 10px;
}

.homepage img
{
	#padding-top: 1em;
	float: left;
	max-width: 400px;
	max-height: 300px;
	padding: 20px;
}

.homepage h1
{
	padding-top: 50px;
}