* {
	font-family: 'Cairo', sans-serif;
}

body {
	background-image: url("https://projects.codecraftworks.com/web/nQzkLJjSqlfvPMtcIoHk/assets/canvas.jpg");
}

#container {
	width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#objInput input {
	width: 100%;
}
#inputsOutputs {
	display: flex;
}
#inputsOutputs div {
  padding: 0.5em;
}
#inputsOutputs img {
	width: 100%;
  max-width: 250px;
}
#genMonster {
	margin-top: 1.5em;
}
#objInput {
	flex: 1;
}
#objOutput {
	flex: 2;
  text-align: center;
}
#creatureStats {
	display: flex;
}
#creatureStats div {
	flex: 1;
}

.header {
	font-family: 'MedievalSharp', cursive;
  text-align: center;
}