body {
	background-color: #444;
	color:#fff;
	--shadow_col: #1f1f1f;
}
.body-cont{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 500px;
}

.container{
	display: flex;
	justify-content: center;
	align-items: center;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  background-color: #555;
  color: #fff;
  border: white 1px solid;
  width: 100px;
  text-align: center;
  font-weight: bold;
}
fieldset{
	border-color: #fa0;
}

.stats, .enchantments{
	max-width: max-content;
	text-align: right;
}
.enchantments.jerry{
	background: #be876f;
}
.stats.jerry{
	background: #83625b;
}
.results{
	text-align: left;
}
.results.jerry fieldset{
	background:#36251d;
}
.result{
	color: #FFAA00;
}


.notes {
	color: #aaa;
	text-align: left;
	justify-content: center;
	display: flex;
}

.notes span{
	color: #fa0;
}

.buttons{
	text-align: center;
	margin-block: 20px
}

.buttons a{
	text-decoration: none;
	color: #fff;
	outline: 2px solid #fff;
	padding: 15px;
	background-color:#777;
	border-radius: 10px;
	font-weight: bold;
	margin: 0px 20px;
}

.buttons img {
	vertical-align: middle;
}


.jerryIcon{
	display: inline-block;
	width: 16px;
	height: 32px;
	background-image: url(jerry.png);
	background-size: contain;
	vertical-align: middle;
}