#wrapper {margin-right: auto;
		  margin-left: auto;
		  text-align: center;
		  padding-right: 30px;
		  padding-left: 30px;
		  overflow: auto;
		  }
		
body {
	  background-color: c6c5b9;
	  font-family: ariel, helvetica, sans-serif;}

header {
		background-color: 393d3f;)
		text-align: left;
		}

#logo <!--Placeholder for future CSS--> {}

#headlogo {
		   display: block;
		   text-align:center;
		   margin-left: auto;
		   margin-right: auto;
		   width:20%;
		   height: auto;
		   }
		  
nav {
	 text-align: center;
	 font-weight: bold;
	 padding: 0;
	 font-size: 100%;
	 }		 
		   
nav ul {
	list-style: none;
	background-color: 393d3f;
	text-align: center;
	padding: 10px;
	margin: auto;
	}

nav li {
		display: inline-block;
		font-family: Copperplate;
		font-size: 1.2em;
		line-height: 40px;
		border-bottom: 2px solid;
		padding: 10px;
		}
		
nav a {
		text-decoration: none;
		color: #fdfdff;
		display: block;
		}

form {
		align-items: center;
		display: flex;
		flex-flow: column nowrap;
		max-width:100%;
		margin: auto;
}

main {
	  text-align: center;
	  display: block;
	  overflow: auto;
	  padding-right: 10px;
	  padding-left: 10px;
	  flex: auto;
	  }
	  
h2 {
	font-family: Copperplate;
	font-size: 200%;
	}

table {
		margin: auto;
}

tr, th, td {
			text-align: center;
}

th {
	padding: 2em;
}


h3 { 
	font-family: Copperplate;
	font-size: 175%;
	}
	
#app {
		width: 100%;
		height: auto%;
	}
	
#chance {
		width: 100%;
		height: auto;
		}

footer {
		font-size: 75%;
		font-style: italic;
		text-align: center;
		padding: 32px;
		}
		
iframe {
		float: center;
		}