CSS

.bg1 {
	background-image: url('milkyway.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.appMain {
	height: 300px;
	width: 100%;
	z-index: -1;
	position:absolute;
	margin:auto;
	top:40%;
	bottom:60%;
	background-color: rgba(255,255,255,0.4);
	-webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.5);
}

.appMain h1 {
	font-family: 'Authentic', Palatino, serif;
	font-style: italic;
	font-size:6em;
	letter-spacing: 5px;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
	color: orange;
	text-align: center;
	padding-top: 25px;
}

*{padding: 0; margin: 0;}

@font-face { font-family: Authentic; src: url('authentichilton.TTF'); }

.buttonShadow {
	-webkit-box-shadow: -2px 0px 11px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -2px 0px 11px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         -2px 0px 11px 0px rgba(50, 50, 50, 0.5);
}

.buttonShadow2 {
	-webkit-box-shadow: 3px 0px 11px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 0px 11px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 0px 11px 0px rgba(50, 50, 50, 0.75);
}

button.alert, .button.alert {
	font-family: 'Authentic', Palatino, serif;
	letter-spacing: 5px;
	font-size: 2.5em;
	font-style: bold;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
	padding-top: 0.5rem;
  	padding-right: 1rem;
  	padding-bottom: 0.4rem;
  	padding-left: 1rem;
  	background-color: #FF9100;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color:#FF8000 ; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }

.appSubheading {
	text-align: center;
	font-family: 'Authentic', Palatino, serif;
	letter-spacing: 5px;
	color: white;
	font-style: bold;
	font-size: 2.5em;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
	margin-top: -20px;
}