main-2.css

body{
 font-family:'Open Sans', sans-serif; 
}


header{
  float:left;
  margin:0 0 30 0;
  width:100%;
  text-align:center;
  background:#444;
  border-color: #111;
  border-width: 10px;
}

#title{
  font-family:'Lobster', cursive;
  margin: 15px 0;
  font-size: 1.75em;
  font-weight: normal;
  line-height: .8em;
  color:#FFF;
}

h1{
	color:#111;
}

h2 {
  font-size: 1.1em;
  margin: -5px 0 0;
  font-weight: normal;
}

body {
background-color:#888;
color:#FFF;
}

p{
text-align: center;
color:#fff;
}

form{
	text-align: center;
}

button{
    background-color: #444;
    border-radius: 5px;
    border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-size: 1.5em;
    text-decoration: none;
    cursor:pointer;
    border:none;
    text-align: center;
}

button:hover {
    border: none;
    background:#4c9aaa;
    box-shadow: 0px 0px 1px #777;
}

input{
	color:#111;
}

#hint{
	text-align: center;
}

#answer{
	text-align: center;
}

#exclamation{
	font-size: 6em;
}

.button{
	text-align: center;
}

#wrapper{
	text-align: center;
}

#guessOutput{
	background-color: #111;
}