body
{
	margin:0;
	padding:0;
	background: black url("http://hex2025.us/Hex_Backgrounds/Background2_4k.jpg") no-repeat fixed center;
	background-size: auto;
	
	color: #50FF00;
	font-size:20pt;
}
header
{
	height:20%;
}
	
nav
{
	background-color:black;
	height:10%;
	width:auto;
	border-left: 1px solid #00FFFF;
	border-top: 1px solid #3F98F4;
	border-right: 1px solid #00F95A;
	border-bottom: 1px solid #00FF00;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
}

section
{
	height:65%;
	
}
	
footer
{
	position:absolute;
	text-align:center;
	
	background-color:black;
	margin-left:45%;
	margin-right:45%;
	opacity:0.6;
}
	
h1
{	
	text-align:center;
	font-size:60pt;

}

h2
{
	text-align:center;
	color:#0000FF;
	margin-left:auto;
	margin-right:auto;
	font-size:40pt;

}

h3
{
	color:#0000FF;
	font-size:30pt;
	text-align:center;
}
	
a,a:visited
{
	color:#0000FF;
	text-decoration:none;
}
	
	
a:hover
{
	color:red;
}

b
{
	font-size: 110%;
}

em
{
	color: red;
}

form
{
	
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

fieldset 
{
	border-left: 1px solid #00FFFF;
	border-top: 1px solid #00FFFF;
	border-right: 1px solid #00F95A;
	border-bottom: 1px solid #00FF00;
	
}

input
{
	
	border-left: 1px solid #00FFFF;
	border-top: 1px solid #3F98F4;
	border-right: 1px solid #00F95A;
	border-bottom: 1px solid #00FF00;
    border-radius: 4px;
	background-color:#6100A4;
	margin-top:5px;
	margin-bottom:5px;
	color:#FF0000;
}

textarea
{
	width:90%;
	border-left: 1px solid #00FFFF;
	border-top: 1px solid #3F98F4;
	border-right: 1px solid #00F95A;
	border-bottom: 1px solid #00FF00;
    border-radius: 4px;
	background-color:#6100A4;
	margin-top:5px;
	margin-bottom:5px;
	color:#FF0000;
}



p
{
	overflow:auto;
	margin:10px;
}



.menu li, .button 
{
	display           :inline;
	margin			  :1px;
    border            :1px solid #00FF00;
    color             :#C10505;
	border-radius     :5px;
	-moz-box-shadow   :2px 2px 2px #888;
	-webkit-box-shadow:2px 2px 2px #888;
	box-shadow        :2px 2px 2px #888;
	
}

.display 
{
    display: block;
	margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 95%;
    background-color: black;
    border-left: 1px solid #00FFFF;
    border-top: 1px solid #3F98F4;
    border-right: 1px solid #00F95A;
    border-bottom: 1px solid #00FF00;
    height:650px;
    overflow: auto;
	 
}

.about_me_pic
{
	margin-left:10%;
	width:200px;
	height:225px;
	float:left;
}

.about_me_info
{
	margin-left:20px;
	float:auto;
		
}

.news
{
	text-align:left;
	
}
/* ~~~~~~~~~~~~~~~~~~~~~Drop Down Menu Related CSS ~~~~~~~~~~~~~~~~~*/
/* Note:   */
.dropdown 
{
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: black;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content 
{
  display: block;
}




/* ~~~~~~~~~~~~~~~~~~ Random Misc CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Cool looking Div(blue and lime) */
.magic-div
{
	background-color:transparent;
	border-left: 1px solid #00FFFF;
	border-top: 1px solid
	#3F98F4;border-right: 1px solid #00F95A;
	border-bottom: 1px solid #00FF00;
	margin-left:auto;
	margin-right:auto;
	color:#00FFFF;
	
}