body {
	margin: 0;
	padding: 0;
	font-family:sans-serif;
	color: #FFFFFF;
	overflow-x:hidden;
	background-color:  var(--FooterBG);
}

a {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}

:root {
	--Color1:#0F4C81; /*Blue*/
	--Color2:#FFD700; /*Gold*/
	--Color3:#AAAABC; /*Grey*/
	--Color4:#464555; /*Midnight grey*/

	--BG: var(--Color1);
	--FooterBG: var(--Color1);
}


#pageContainer {
	background-color: var(--BG);
	min-height: 100vh;
}

#overscroll {
	/* This div colors the background for scroll bouncing, so that the top is white, and the bottom matches the page */
	z-index: -1;
	position:fixed;
	width: 100vw;
	height: 100vh;
	background-image: linear-gradient(to bottom, White 50%, var(--FooterBG) 50%);
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centered_h {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
}

.centered_v {
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
}

.smoothed {
	transition: all 0.5s ease;
}

#pixels1 {
	position: absolute;
	top:-40px;
	width: 100%;
	height:65px;
	background-image: url('pixels-grey.png');
	background-repeat: repeat-x;
	z-index: 10;
}

#pixels2 {
	position: absolute;
	top:-40px;
	width: 100%;
	height:65px;
	background-image: url('pixels2.png');
	background-repeat: repeat-x;
	z-index: 10;
}

#pixels3 {
	position: absolute;
	top:-40px;
	width: 100%;
	height:65px;
	background-image: url('pixels3.png');
	background-repeat: repeat-x;
	z-index: 10;
}

#pageTopMargin {
	height: 35px;
}