html {
  overflow-y: scroll;
}

body
{
	background-color: #171717;
	/*#background-color: #6ba4ff;*/
	font-family: Avenir, Helvetica, Arial, sans-serif;
}

#main
{
	opacity: 0%;
}


a
{
	color: white;
}

h1
{
	color:white;
}
h2
{
	color:white;
}


p
{
	line-height: 1.8;
	text-align: justify;
	color: white;
	font-size: 120%;
}

ul
{
	font-size: 120%;
	color: white;
}

#js_error
{
	position: absolute;
	color: white;
	bottom: 10%;
	left: 30%;
}

#greeting
{
	position: absolute;
	opacity: 0%;
	color: white;
	top: 30%;
	left: 25%;
}
#banner
{
	height: 20%;
	padding: 50px;
	text-align:center;
	display: block;
}

#navbar
{
	display: block;
	padding: 20px;
}
#logo
{
	border: 10;
}

.ms_button
{
	color: white;
	border: none;
	padding: 15px 32px;
}

nav
{
	text-align: center;
}

.nav_link
{
	width: 350px;
	background-color: blue;
	color: white;
}

.nav_button
{
	width: 350px;
}

.primed_button
{
	background-color: #040a63;
	color: white;
}

.hover_button
{
	background-color: #1220e0;
	color: white;
}

.pressed_button
{
	background-color: #12dae0;
	color: black;
}

.content
{
	/*#background-color: #6ba4ff;*/
	font-family: Avenir, Helvetica, Arial, sans-serif;
	color: white;
	margin-left: 10%;
	margin-right: 10%;
	text-align: justify;
}

#js_error
{
	color: white;
}

#frame
{
	width: 20%;
	float: right;
}

#portrait{
	padding: 20px;
	float: right;
	border-radius:50%;
}