body {
	font-family: 'Ruda', sans-serif;
	font-weight: 400;
}

#quotes {
	margin-top: 60px;
}

#quotes .quote {
	font-family: 'Nothing You Could Do', cursive;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

#quotes .quote .who {
	font-size: 10px;
}

#game {
	position: relative;
	width: 600px;
	margin: 10px auto;
}

.card {
	float: left;
	margin-left: 10px;
}

.card, #intro img {
	width: 100px;
	height: 160px;
}

.sep {
	clear: both;
	margin-bottom: 20px;
	margin-top: 20px;
}

#intro {
	width: 400px;
	margin: 50px auto;
}

h1, #about-content p, #about-content div, #credits-content p, #credits-content div {
	text-align: center;
}

#about-content h1 {
	margin-bottom: 60px;
}

#about-content div, #credits-content div {
	margin-top: 40px;
}

#about-content td {
	padding: 4px;
}

#about-content table {
	margin: 0 auto;
	width: 40%;
	margin-bottom: 10px;
}

#about-content td {
	border: 1px solid #a0a0a0;
	text-align: center;
}

#wtf-content div {
	text-align: center;
	margin-bottom: 10px;
}

#intro h1 {
	margin-top: 20px;
}

#intro img {
	margin: 0 auto;
	display: block;
}

.main-menu {
	margin-top: 60px;
	font-size: 20px;
	list-style-type: none;
}

.main-menu li {
	margin-bottom: 14px;
	text-align: center;
}

.main-menu a {
	color: #333333;
	text-decoration: none;
}

.game-dialog p, .game-dialog h4 {
	text-align: center;
}

.game-dialog p.description, .game-dialog p.message, .game-dialog h4 {
	font-size: 20px;
}

.game-dialog p.description, .game-dialog p.message {
	margin-bottom: 20px;
}

.game-dialog h4 {
	margin-bottom: 30px;
}

.game-dialog a {
	margin-top: 30px;
}

#game-turn-finished p.description, #game-turn-finished p.message {
	margin-bottom: 10px;
}

#game-turn-finished p.message {
	margin-top: 25px;
}

#game-turn-finished form {
	text-align: center;
}

.game-dialog {
	width: 85%;
	margin: 0 auto;
	top: 0;
	position: absolute;
	border: 1px solid #c09853;
}

#game-turn-finished input {
	width: 80%;
}

.btn-music {
	float: right;
}

.status-extinguisher {
	float: right;
}

.status-fire {
	float: left;
}

.clear {
	clear: both;
}

.mulita {
	height: 1em;
}