b {
	margin: 0 .3em;
	padding: 0 .3em;
	display: inline-block;
	background-color: hsl(62, 76%, 92%);
}
ul {
	line-height: 1.8em;
}

.catch {
	color:hsl(185, 71%, 35%);
	line-height: 1.6em;
	font-size: 1.2em;
	padding: 12px;
	text-shadow: 0 0 2px hsl(186, 16%, 96%);
	background-color: hsl(186, 71%, 92%);
	margin-bottom: 1em;
	text-align: center;
	border-radius: 12px;
}
.handy-fan {
	display: block;
	width: 300px;
	margin: 0 auto;
	vertical-align: middle;
}

.catch p {
	text-align: center;
	font-weight: bold;
}

h3{
	padding:3px;
	font-size:20px;
	color: white;
	text-align:center;
	margin:4em 0 2em 0;
	background-color: rgb(90,180,227);
}

h4 {
	text-align: center;
	font-size: 24px;
	margin: 2em 0 1em 0;
	color: #ff4500;
}
h4 i {
	margin: 0 .5em;
	font-size: 1.4em !important;
	vertical-align: bottom;
}
h4 i.gold {
	background: repeating-linear-gradient(0deg, #B67B03 0.2em, #DAAF08 0.4em, #FEE9A0 0.6em, #DAAF08 0.8em, #B67B03 1em);
	color: transparent;
	-webkit-background-clip: text;
}
h4 i.silver {
	background: repeating-linear-gradient(0deg, #757575 0.1em, #9E9E9E 0.2em, #E8E8E8 0.3em, #9E9E9E 0.4em, #757575 0.5em);
	color: transparent;
	-webkit-background-clip: text;
}

h5 {
	text-align: center;
	font-size: 1em;
}

.best-award {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	margin: 1em 0;
}
.comment {
	background-color: hsl(186, 71%, 92%);
	padding: 1em;
	border-radius: .5em;
	margin: 1.5em 0;
}
.comment ul {
	margin-left: -1em;
}
.award {
	margin-top: 2em;
}
.award span {
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 1.5em 1em 0;
}
.award div {
	text-align: right;
}


.intro p {
	text-indent: 1em;
}

.step-box {
	box-sizing: border-box;
	text-align: center;
	border: 2px solid hsl(120, 76%, 88%);
	border-radius: 10px;
	background-color: hsl(120, 76%, 98%);
	margin: 30px 0;
	padding: 1em;
}
.step-box p {
	margin: 0;
	text-align: center;
}
.step-box img {
	width: 200px;
	margin: 15px 0;
}
.step-box + i {
	display: block;
	width: 3em;
	text-align: center;
	margin: 20px auto;
}
.notes {
	padding: .5em;
	width: 95%;
	max-width: 475px;
	color: hsl(120, 56%, 34%);
	font-weight: bold;
	background-color: hsl(120, 56%, 93%);
	text-align: left;
	font-size: .8em;
	line-height: 1.8em;
	margin: 1em auto 0;
}


.handy-fan-images {
	text-align: center;
	margin: 40px 0;
}


.rule {
	font-size: 20px;
	color:hsl(185, 71%, 35%);
	margin: 1em 0;
	line-height: 1.6em;
	font-weight: bold;
}

.notes-list {
	box-sizing: border-box;
	width: 90%;
	background-color: hsl(256, 61%, 93%);
	margin: 2em auto 1em auto;
	padding: 1em 1em 1em 2.5em;
	border-radius: 5px;
}