ジャンゴ・フェット – css Jango Fett –

cssのみで 「ジャンゴ・フェット」アイコンを作成してみました。
突っ込みどころはいっぱいありますが、ご了承ください。
そうです！！ボバの色変えただけです！！

ソース

html

<div id="jango_fett">
  <div id="jango_shield"></div>
  <div id="jango_helmet_left"></div>
  <div id="jango_helmet_right"></div>
  <div id="jango_antenna"></div>
</div>

css

/* ヘルメット */
#jango_fett {
	font-size: 100px;
	position: relative;
	margin: 0.3em auto;
	width: 1.0em;
	height: 1.1em;
	background-color: #989799;
	border-radius: 0.5em;
}
/* シールド枠 */
#jango_fett::before {
	position: absolute;
	content: "";
	top: 0.4em;
	left: 0;
	width: 1em;
	height: 0.4em;
	background-color: #196eb1;
}
/* シールド枠 */
#jango_fett::after {
	position: absolute;
	content: "";
	top: 0.8em;
	left: 0;
	width: 0.5em;
	height: 0;
	border-left: 0.25em solid transparent;
	border-right: 0.25em solid transparent;
	border-top: 0.32em solid #196eb1;
}
/* シールド */
#jango_shield {
	position: absolute;
	top: 0.5em;
	left: 0.1em;
	width: 0.8em;
	height: 0.1em;
	background-color: #111;
	z-index: 1;
}
#jango_shield::before {
	position: absolute;
	content: "";
	top: 0.1em;
	left: 0.3em;
	width: 0.2em;
	height: 0.52em;
	background-color: #111;
}
/* ヘルメット左 */
#jango_helmet_left {
	position: absolute;
	top: 0.7em;
	left: 0;
	width: 0.3em;
	height: 0.2em;
	border-radius: 0 0.5em 0 0 / 0.5em 0.5em 0.5em 0;
	background-color: #014d80;
	z-index: 2;
}
#jango_helmet_left::before {
	position: absolute;
	content: "";
	top: 0.2em;
	left: 0;
	width: 0;
	height: 0;
	border-top: 0.26em solid #989799;
	border-left: 0.3em solid transparent;
}
#jango_helmet_left::after {
	position: absolute;
	content: "";
	top: 0.05em;
	left: 0;
	width: 0.3em;
	height: 0.15em;
	background-color: #989799;
	border-radius: 0.15em 0.15em 0 0;
}
/* ヘルメット右 */
#jango_helmet_right {
	position: absolute;
	top: 0.7em;
	left: 0.7em;
	width: 0.3em;
	height: 0.2em;
	border-radius: 0.5em 0 0 0 / 0.5em 0 0.5em 0.5em;
	background-color: #014d80;
	z-index: 2;
}
#jango_helmet_right::before {
	position: absolute;
	content: "";
	top: 0.2em;
	left: 0;
	width: 0;
	height: 0;
	border-top: 0.26em solid #989799;
	border-right: 0.3em solid transparent;
}
#jango_helmet_right::after {
	position: absolute;
	content: "";
	top: 0.05em;
	left: 0;
	width: 0.3em;
	height: 0.15em;
	background-color: #989799;
	border-radius: 0.15em 0.15em 0 0;
}
/* アンテナ */
#jango_antenna {
	position: absolute;
	top: 0.4em;
	left: -0.05em;
	width: 0.05em;
	height: 0.5em;
	background-color: #014d80;
	box-shadow: 1.05em 0 0 0 #014d80;
	z-index: 3;
}
#jango_antenna::before {
	position: absolute;
	content: "";
	top: -0.6em;
	left: 0;
	width: 0.05em;
	height: 0.6em;
	background-color: #bbb;
}
#jango_antenna::after {
	position: absolute;
	content: "";
	top: -0.6em;
	left: 0;
	width: 0.2em;
	height: 0.1em;
	background-color: #014d80;
}