.spicyman
{
	width: 18.5em;
	height: 100%;
	margin: auto;
}
.spicyman h2
{
	padding: 0.2em 0;
    font-size: 3.8em;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.05em;
    color: rgb(0, 153, 61);
/*
    color: rgb(24, 160, 80);
*/
}
.spicyman div
{
	position: relative;
}
.spicyman  ul,
.spicyman .right,
.spicyman .center,
.spicyman .face
{
	left: 0;
	width: 100%;
	position: absolute;
}
.spicyman .right
{
	top: 0;
	text-align: right;
}
.spicyman .center
{
	bottom: 0;
	text-align: center;
}
.spicyman .face
{
	top: 0;
	text-align: center;
	font-family: Georgia, serif;
}
.spicyman .face:before
{
/*
	width: 9em;
	height: 9em;
	content: "";
	margin: 0.4em;
	border-radius: 4.5em;
	border: 1px red dotted;
	display: inline-block;
*/
}
.spicyman .text
{
	white-space: pre;
	font-family: "Courier New", monospace;
	color: rgb(152, 175, 159);
}
.spicyman .text span
{
	height: 1.18em;
	display: block;
	line-height: 1.18;
	font-size: 0.75em;
}
.spicyman .text strong
{
	line-height: 0;
	font-size: 1.333em;
}
.spicyman .face span
{
	font-size: 8em;
	display: inline-block;
	padding-bottom: 0.2em;
	color: rgb(195, 210, 198);
   -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.spicyman .face strong
{
	font-size: 0.6em;
	padding-left: 0.1em;
	vertical-align: 0.1em;
}
.spicyman ul
{
	top: 25%;
	margin: 0.7em 0;
	list-style: none;
	text-align: center;
}
.spicyman li
{
	margin: 0.5em 0;
}
.spicyman li h3
{
   -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg);
}
.spicyman li:nth-child(odd) h3
{
   -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg);
}
.spicyman h3
{
	height: 2.1em;
	-outline: 1px red dotted;
	font-size: 1.7em;
    color: rgb(255, 94, 76);
}
.spicyman h3 span
{
    font-weight: 400;
}
.spicyman h3 span:first-child
{
	font-family: Impact, Arial, sans-serif;
}
.spicyman h3 span+span
{
	font-family: Comfortaa, Arial, sans-serif;
}
.spicyman h3 .block
{
	display: block;
	margin-top: -0.33em;
}
.spicyman h3 .inline
{
	font-size: 1.5em;
	letter-spacing: -0.05em;
}
.spicyman ul p
{
	z-index: -1;
	position: relative;
	display: inline-block;
/*
	background: rgba(0, 0, 0, 0.125);
*/
	padding: 0.25em 1em;
	margin-top: -0.75em;
	letter-spacing: 0.2em;
    font: 300 0.7em/1 Roboto, Arial, sans-serif;
	color: black;
}
.spicyman ul p span
{
    display: block;
}
.spicyman .logo
{
	padding: 1em 0 0 0.5em;
	font-size: 1.45em;
	font-family: Comfortaa, Arial, sans-serif;
	text-align: center;
    color: rgb(64, 160, 100);
}
.spicyman .logo .trade-mark
{
	font-size: 0.5em;
	font-weight: 100;
	font-family: Roboto, Arial, sans-serif;
	vertical-align: super;
    color: rgb(64, 64, 64);
}
.spicyman .ls01
{
	letter-spacing: 0.01em;
}
.spicyman .ls02
{
	letter-spacing: 0.02em;
}
.spicyman .ls03
{
	letter-spacing: 0.03em;
}
.spicyman .ls04
{
	letter-spacing: 0.04em;
}
.spicyman .ls05
{
	letter-spacing: 0.05em;
}
.spicyman .ls06
{
	letter-spacing: 0.06em;
}
.spicyman .ls07
{
	letter-spacing: 0.07em;
}
.spicyman .ls08
{
	letter-spacing: 0.08em;
}
.spicyman .ls09
{
	letter-spacing: 0.09em;
}
.spicyman .ls1
{
	letter-spacing: 0.1em;
}
.spicyman .ls-01
{
	letter-spacing: -0.01em;
}
.spicyman .ls-02
{
	letter-spacing: -0.02em;
}
.spicyman .ls-03
{
	letter-spacing: -0.03em;
}
.spicyman .ls-04
{
	letter-spacing: -0.04em;
}
.spicyman .ls-05
{
	letter-spacing: -0.05em;
}
.spicyman .ls-06
{
	letter-spacing: -0.06em;
}
.spicyman .ls-07
{
	letter-spacing: -0.07em;
}
.spicyman .ls-08
{
	letter-spacing: -0.08em;
}
.spicyman .ls-09
{
	letter-spacing: -0.09em;
}
.spicyman .ls-1
{
	letter-spacing: -0.1em;
}