/* Classes and pseudo-elements for different characters in the comic. */
/* Additional dialogue styling classes */
.drunk {
	font-family: "Grandstander";
}

.wounded {
	font-family: "Covered By Your Grace";
}

/* Sound effect styling classes */

.electricity {
	color: #FFFFFF;
	text-shadow: 0px 0px 5px #00FFFF;
	font-weight: bold;
	font-style: italic;
}

.eyebeam {
	color: #FFFF00;
	font-size: x-large;
	text-shadow: 0px 0px 10px #F2C230;
	font-weight: bold;
	font-style: italic;
}

.crash {
	text-shadow: 1px 1px #222222;
	font-weight: bold;
	font-family: "Rubik Distressed";
	font-size: x-large;
}

/* Dialogue artwork classes */

.newsreel {}
.newsreel::before {
	background-image:url('../icons/newsreel.webp');
}

.masterman {}
.masterman::before {
	background-image:url('../icons/masterman.webp');
}

.maximan {}
.maximan::before {
	background-image:url('../icons/maximan.webp');
}

.support {}
.support::before {
	background-image:url('../icons/support.webp');
}

.copilot {}
.copilot::before {
	background-image:url('../icons/copilot.webp');
}

.photographer {}
.photographer::before {
	background-image:url('../icons/photographer.webp');
}

.colonel {}
.colonel::before {
	background-image:url('../icons/colonel.webp');
}

.haas {}
.haas::before { 
	background-image:url('../icons/haas.webp');
}

.driesch {}
.driesch::before { 
	background-image:url('../icons/driesch.webp');
}

.ann_diamond {}
.ann_diamond::before {
	background-image:url('../icons/ann_diamond.webp');
}

.ruby40 {}
.ruby40::before {
	background-image:url('../icons/ruby40.webp');
}

.eddie {}
.eddie::before {
	background-image:url('../icons/eddie.webp');
}

.zenith {}
.zenith::before {
	background-image:url('../icons/zenith.webp');
}

.hooligan {}
.hooligan::before {
	background-image:url('../icons/hooligan.webp');
}

.ruffian {}
.ruffian::before {
	background-image:url('../icons/ruffian.webp');
}

.jock {}
.jock::before {
	background-image:url('../icons/jock.webp');
}

.stjohn {}
.stjohn::before {
	background-image:url('../icons/stjohn.webp');
}