/*-------------------------------------------------
  EXAMPLES
------------------------------------------------- */
/*

bold 
typeface
scale
letter-spacing
base-line

-- CSS - This styles the following 'class'

.italic {
	
}

-- HTML to insert in Chapters 1 -19

<span class="italic">The Text I Wish To Alter</span>

-- Multiple Classes

<span class="italic big bold">The Text I Wish To Alter</span>

*/
/*-------------------------------------------------
  REGULAR CLASSES
------------------------------------------------- */

.italic {
	font-style: italic;	
}

.big {
	font-size: 6vh !important;
}

.bigger{
	font-size: 7vh !important;
}

.huge {
	font-size: 10vh !important;
}

.small {
	font-size: 3.5vh !important;
}

.smaller {
	font-size: 3vh !important;
}

.tiny {
	font-size: 2.5vh !important;
}

.bold {
	font-weight: 1000;
}

.light{
	font-weight: 80;
}

.low{
	display: inline-block;
	transform: translateY(4px);
}

.lower{
	display: inline-block;
	transform: translateY(8px);
}

.vlow{
	display: inline-block;
	transform: translateY(12px);	
}

.vvlow{
	display: inline-block;
	transform: translateY(18px);	
}

.vvvlow{
	display: inline-block;
	transform: translateY(120px);
}

.high{
	display: inline-block;
	transform: translateY(-6px);
}

.higher{
	display: inline-block;
	transform: translateY(-12px);
}

.vhigh{
	display: inline-block;
	transform: translateY(-18px);
}

.vvhigh{
	display: inline-block;
	transform: translateY(-200px);
}

.right{
	display: inline-block;
	transform: translateX(20px);
}

.vright{
	display: inline-block;
	transform: translateX(800px);
}

.side{
	display: inline-block;
	transform: translateX(100px) !important;
}

.left{
	display: inline-block;
	transform: translateX(-20px);
}

.rotate{
	display: inline-block;
	transform: rotate(15deg);
}

.rrotate{
	display: inline-block;
	transform: rotate(-15deg);
}

.flip{
	display: inline-block;
	transform: rotate(180deg);
}

.spaced{
	letter-spacing: 1rem;
}

.expanded{
	letter-spacing: 2rem;	
}

.contracted{
	letter-spacing: -0.3rem;
}

.vcontracted{
	letter-spacing: -0.4rem;
}

.colliding {
	letter-spacing: -0.5rem;
}


/*-------------------------------------------------
  EXPERIMENTAL CLASSES
------------------------------------------------- */

.higher_Double{
	display: inline-block;
	transform: translateY(-20px);
}


.bigScale{
	/* This is crazy - ignores bounding box */
	display: inline-block;
	transform: scale(2);
}