body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 40px;
}

section {
	margin-bottom: 80px;
}

/* uwm section - UW-Milwaukee */
/* counted the letters out: U=1 W=2 -=3 M=4 i=5 l=6 w=7 a=8 u=9 k=10 e=11 e=12 */

.uwm {
	font-size: 3em;
}

/* UW- part is gold like the school colors */
.uwm .char1, .uwm .char2, .uwm .char3 {
	color: #d4af37;
}

/* milwaukee goes from black to light gray letter by letter */
.uwm .char4  { color: #000000; } /* M - starts black */
.uwm .char5  { color: #1a1a1a; }
.uwm .char6  { color: #353535; }
.uwm .char7  { color: #4f4f4f; }
.uwm .char8  { color: #696969; }
.uwm .char9  { color: #838383; }
.uwm .char10 { color: #9e9e9e; }
.uwm .char11 { color: #b8b8b8; }
.uwm .char12 { color: #d2d2d2; } /* last e - lightest gray */


/* bsist section */
/* B=1 S=2 I=3 S=4 T=5 */

.bsist {
	font-size: 6ch; /* needs to be 5ch or bigger, went with 6 */
	font-weight: bold;
	position: relative;
}

.bsist .char1 {
	color: #e63946;
	text-shadow: 3px 3px 0px #000000;
}

.bsist .char2 {
	color: #457b9d;
	/* moved this one up and left a bit so it overlaps char1 */
	position: relative;
	top: -10px;
	left: -5px;
}

.bsist .char3 {
	color: #2a9d8f;
	text-shadow: 2px 2px 5px #888888;
	position: relative;
	top: 8px; /* pushed down so it's not lined up with the rest */
}

.bsist .char4 {
	color: #f4a261;
	position: relative;
	top: -6px;
	left: -8px;
}

.bsist .char5 {
	color: #9b5de5;
	text-shadow: -3px 3px 0px #000000, 3px -3px 0px #cccccc;
	position: relative;
	top: 5px;
	left: -4px;
}


/* author section - my name */
/* H=1 e=2 a=3 v=4 e=5 n=6 l=7 (space=8, skipped bc its blank) P=9 a=10 r=11 k=12 e=13 r=14 */

.author {
	font-size: 2em;
}

.author .char1  { color: #e63946; }
.author .char2  { color: #f4a261; }
.author .char3  { color: #e9c46a; }
.author .char4  { color: #2a9d8f; }
.author .char5  { color: #264653; }
.author .char6  { color: #457b9d; }
.author .char7  { color: #9b5de5; }
.author .char9  { color: #f15bb5; }
.author .char10 { color: #fee440; }
.author .char11 { color: #00bbf9; }
.author .char12 { color: #00f5d4; }
.author .char13 { color: #ff6b6b; }
.author .char14 { color: #6a4c93; }