@charset "UTF-8";
/* CSS Document */

*{
	padding-top:10px;
}

body {
	background-color:#594440;
}

h1 {
	color: darkgreen;
	background-color:black;
	border: outset thick green;
	text-align: center;
	font-size: 70px;
}



p {
	color: #c797eb;
	background-color:black;
	border: outset medium #c797eb;
	text-align: center;
	font-size: 30px;
}

a {
	font-size: 25px;
	margin-top: -10px;
}


nav {
    width: 100%;
}

nav ul {
    background-color: rgba(6,46,9,1.00);
    list-style: none;
    text-align: center;
	height:80px;
	margin-top: -20px;
}

nav ul li {
    font-family: sans-serif; /*define a font-family*/
    font-size: 20px; /*define a font-size in px*/
    line-height: 60px; /*define the line-height (leading)*/
    height: 60px; /*match line-height and height of li box*/
    width: 250px; /*assign the width for each button*/
    display: inline-block; /*move buttons horizontal with display: inline-block */
    margin-right: -4px; /*remove a small margin caused by inline-block */
}

nav a {
    text-decoration: none; /*remove the ugly underline*/
    color:antiquewhite;
    display: block; /*make the entire button area active for hover */
}

nav a:hover { /*this is a psudo-class*/
    
    text-decoration: none; /*remove the ugly underline*/
}
		
		nav ul ul {
			display: none; /*hides the nested ul*/
			position: absolute; /*puts it into wormhole*/
			width: inherit; /*gets width from parent*/
}

		nav ul li:hover ul {
			display: block; /*make ul show when li is hovered*/
		}

		nav ul li ul li {
			display: block; /*fixes small offset in sub-navigation*/
		}

.downloadButton {
	height: 500px;
	width:700px;
	font-size: 100px;
	background-color: black;
	border: outset thick green;
	color: #c797eb;
	text-shadow: 3px 3px purple;
	cursor: grab;
}

.abtText {
	color: #c797eb;
	border: outset thick #c797eb;
	font-size: 40px;
	text-shadow: 2px 2px purple;
}

.indexText {
	color: #c797eb;
	border: outset thick #c797eb;
	font-size: 50px;
	text-shadow: 2.5px 2.5px purple;
}


					/*INDEX PAGE*/

/*.button {
	background-color: #412E2A;
	border: inset;
	border-width: thick;
	color: white;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 70px;
}


.button:hover {
	background-color: #290A04;
	border:groove;
}
*/


iframe {
	width: 1360px;
	height: 900px;
}