/*------------------------------------*\
    HEADING IDENTIFIER
\*------------------------------------*/

/*

h1::before { content: "H1"; background: red; color: #fff; }		h1 { border: 1px dotted red; }
h2::before { content: "H2"; background: orange; color: #000; }	h2 { border: 1px dotted orange; }
h3::before { content: "H3"; background: yellow; color: #000; }	h3 { border: 1px dotted yellow; }
h4::before { content: "H4"; background: green; color: #fff; }	h4 { border: 1px dotted green; }
h5::before { content: "H5"; background: blue; color: #fff; }		h5 { border: 1px dotted blue; }
h6::before { content: "H6"; background: purple; color: #fff; }	h6 { border: 1px dotted purple; }
p::before { content: "P"; background: white; color: #000; }		p  { border: 1px dotted white; }
li::before { content: "li"; background: black; color: #fff; }	li { border: 1px dotted black; }
span::before { content: "sp"; background: grey; color: #fff; }	span { border: 1px dotted grey; }
	
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before,
p::before, li::before, span::before {
	text-shadow: none;
	letter-spacing: normal;
    border-radius: 100px 100px 0 100px;
    font-family: courier;
    font-size: 10pt;
    font-weight: bold;
    height: 25px;
    line-height: 26px;
    margin-left: -13px;
    margin-top: -13px;
    position: absolute;
    text-align: center;
    width: 25px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3);
}	*/