style.css

body {
	font-family: 'Josefin Slab', serif;
	font-size:  18px;
	line-height: 1.5;
	background-image: url('img/dragon_s_castle_by_voltairdesign-d8zo5qv.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.wrapper {
	width:  40%;
	margin: 0 auto;
    background: rgba(255,255, 255, 0.4);
    padding: 10px 20px 30px 20px;
}

.t-center {
	text-align: center;
}

h1 {
	font-family: 'Fredericka the Great', cursive;
	font-size: 2.5em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

#msg-board div  p.welcome:first-letter {
	font-family: 'Fredericka the Great', cursive;
	/*font-size:  30px;*/
}

#hunger,
#strength {
	font-family: 'Fredericka the Great', cursive;
}

em {
	font-family: 'Fredericka the Great', cursive;
}

#placeholder {
	width:  80%;
	margin: 0 auto;
	padding: 10px;
	background: #eee;
	border: 1px dotted #000;
}

.label {
	width:  80%;
	margin: 0 auto;
	padding: 5px;
	border: 1px dotted #000;
	background: #fff
}

.label.m-bottom-small {
	margin-bottom:  10px;
}

form {
	text-align: center;
}

input[type="text"] {
	font-family: 'Josefin Slab', serif;
	margin-top: 50px;
	height: 50px;
	width:  80%;
	outline:  0;
	font-size: 18px;
	padding-left: 30px;
}