/* --------------------------------------------------------------------------------------------- */
 /* Home Page HTML + Parallax Background */
.parallax { /* Used for parallax background on the main page */
  background-image: url("../images/milky.jpg");
  min-height: 1000px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 5px solid #62A5E0;
  border-bottom: 5px solid #62A5E0;
  width:auto;
}
.parallaxtext { /* text area on the main page */ 
	font-size:100%;
	font-size:18px;
	margin:200px;
	text-align:center;
	max-width:750px;
	background-color: #9CCBDD;
}
.parallaxvideo { /* text area next to the embedded video */
	text-align:center;
	margin: 40px 20%;
}
.embedvideo {
	max-width:100%;
	height:auto;
}
.parallaxtable {
	width:100%;
	height:auto;
	border-collapse: collapse;
}
.paratabimg {
	float:right;
}
.introtext {
	text-align:center;
	margin: 0px 15% 0px 15%;
	background-color: #9CCBDD;
	max-width: 2000px;
}
.systemimg {
	position:relative;
	left:30%;
	max-width:1000px;
}
/* --------------------------------------------------------------------------------------------- */
 /* Navigation Bar */
.tabs { /* Used for tabs on all pages */
  overflow: hidden;
  background-color: #9CCBDD;
}
.tabs a { /* Links for pages in the navbar */
  float: left;
  color: #ffffff;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}
.tabs a:hover { /* Used when hovering over an item in the nav bar */
  background-color: #9CCBDD;
  color: black;
}
/* --------------------------------------------------------------------------------------------- */
.email { /* Email at the bottom of the page also including "copyright" */
	color: #ffffff;
	text-align: center;
	padding: 14px 20px;
	text-decoration: none;
	background-color: #9CCBDD;
}
/* --------------------------------------------------------------------------------------------- */
 /* Normal HTML Stylization */
body { /* main body */
    margin: 0px;
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 22px;

}
h1 { /* Top of the page title */
	text-align:center;
	color:white;
	font-size:200%;
	width:100%;
	background-color: #A4D8F5;
}
a { /* links */
	color:#3C58A9;
	color: inherit;
}
h3 { /* Subtitle under title */
	text-align: center;
	color:#ffffff ;
	font-size:100%;
	font-style: italic; 
	overflow:hidden;
}
hr { /* line between title and subtitle */
	margin-left:700px;
	margin-right:700px;
	color: #ffffff ;
}
h2 {
	font-weight:bold;
}
p { /* Paragraph text */
	text-align:center;
	min-width:200px;
	max-height:400px;
}
head {
	background: #11ABE5;
}
img {
	max-width:100%;
	height:auto;
	border:5px solid #62A5E0;
	margin:20px;
}
html {
	max-width:100%;
	height:auto;
}
.grad {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(153,153,153,1) 100%);
	background-repeat:repeat;
}
/* --------------------------------------------------------------------------------------------- */
 /* Top and Bottom Stylization */
.footer { /* bottom of the page */
	position:relative;
	width:auto;
	bottom: 0px;
}
.header { /* top of the page */
	height:200px;
	background: #A4D8F5;
	border-top: .1px solid white;
	
}
/* --------------------------------------------------------------------------------------------- */
 /* Planets Page Stylization */
.solartable th {
	font-size:200%;
	margin-top:100px;
	overflow-x:auto;
	color:#9CCBDD;
}
.solar p { 	
	max-width:512px;
	margin: 0px 10%;
	max-height: 300px;
	overflow:auto;
	background-color:#A4D8F5;
}
.solar {
     position:relative;
	 left:17.5%;
	 max-width:1800px;
	 z-index:0;
}	
.solartable td th {
	margin:5px;
}
	
/* --------------------------------------------------------------------------------------------- */
 /* Statistics Page Stylization */
#stattable {
	border: 1px solid black;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	width:1300px;
}
.evens {
	background-color:#A4D8F5;
}
.odds {
	background-color:white;
}
#tabletitle {
	text-decoration:underline;
	font-size:125%;
	font-weight:bold;

}
.big {
	background-color:#9CCBDD;
	text-decoration:underline;
	color:white;
	height:100px;
	max-width: 50px;
}
.statinfo {
	text-align:center;
}
.link a:hover {
	background-color: #9CCBDD;
	color: black;
}
.link a:visited {
	color: #0E19B4;
}
.link a:link {
	color: inherit;
}
.link a:active {
	background-color: #9CCBDD;
	color: #686FD0;
}
.lists {
	text-align:center;
	margin: 0 auto;
	position: absolute;
	left:25%;
	z-index:0;
	
}
.lists p {
	text-decoration:underline;
}
 
 
 
/* --------------------------------------------------------------------------------------------- */
 /* Fun Facts Page Stylization */
 .funtable {
	 max-width:2500px;
	 text-align:center;
	 overflow-x:auto;
	 margin-top: 200px;
	 margin-left:auto;
	 margin-right:auto;
	 border-collapse:collapse;	
	 max-height: 1000px;
 }
.funtable td {
	margin-top:100px;
	max-height: 200px;
}
.funtable p {
	margin: 0px 20%;
	overflow:auto;
	max-height: 450px;
	min-width: 200px;
}	
 
 
/* --------------------------------------------------------------------------------------------- */
 /* Forms Page Stylization */
	/* Forms */
		/* Stats Qs */
.forms { /* Actual Form */
	background-color:#A4D8F5;
	width:700px;
	max-width:100%;
	height:auto;
	border:1px solid white;
	margin:150px;
	float:left;
	overflow-x:auto;
}
.infonames { /* Option names */
	margin-right:20px;
	float:left;
	text-align:right;
	width:200px;

	padding:5px;
	font-size:100%;
}
.names {
	padding:20px;
	height:20px;
}
.data {
	text-align:left;
	padding: 5px;
	padding-top:20px;
	
}
.submit {
	clear:left;
	text-align: center;
	padding:20px;
	font-size:200%;
}
.clear {
	clear:both;
}
.formtitle {
	font-size: 110%;
	font-weight:bold;
	text-align: center;
}
.forms2 { /* Actual Form */
	background-color:#A4D8F5;
	width:700px;
	max-width:100%;
	height:auto;
	border:1px solid white;
	margin:150px;
	float:right;
	overflow-x:auto;
}
.about {
	text-align:center;
	width:500px;
	float:left;
	background-color: #9CCBDD;
	margin-top: 150px;
	border:1px solid white;
	height:auto;
	overflow-x:auto;
}
		/* Stats Qs */
	/* Forms */
 /* Forms Page Stylization */
/* --------------------------------------------------------------------------------------------- */