body { 
    background-color: transparent;
}

@font-face {
    font-family: 'silkscreennormal';
	src: url(../fonts/slkscr-webfont.eot);
	src: url(../fonts/slkscr-webfont.woff) format("woff"), url(../fonts/slkscr-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'silkscreenbold';
	src: url(../fonts/slkscrb-webfont.eot);
	src: url(../fonts/slkscrb-webfont.woff) format("woff"), url(../fonts/slkscrb-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'silkscreenextended';
	src: url(../fonts/slkscre-webfont.eot);
	src: url(../fonts/slkscre-webfont.woff) format("woff"), url(../fonts/slkscre-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;

}


p {
	font-family: 'silkscreennormal', Arial, sans-serif;
	font-size: 9px;
	color: black;
	/* text-shadow: 0.25px 0.25px 3px #000000; */
}

h1 {
	font-family: 'silkscreenbold', Arial, sans-serif;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 0;
	color: white;
	text-shadow: 0.5px 0.5px 4px #4270bc;
}

h1.solo {
	margin: auto;
	padding-left: 10px;
	padding-top: 10px;
}

h2 {
	font-family: 'silkscreenbold', Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 5;
	margin-top: 5;
	color: white;
	text-shadow: 0.5px 0.5px 3px #4270bc;
}

h3 {
	font-family: 'silkscreenbold', Arial, sans-serif;
	font-size: 10px;
	margin-bottom: 5;
	margin-top: 0;
	color: white;
	text-shadow: 0.5px 0.5px 3px #4270bc;
}

h3.info {
	font-size: 12px;
	text-align: center;
	margin: auto;
	padding-top: 5px;
}

a.hover {
	cursor: pointer;
}

a.music {
	font-family: 'silkscreenextended', Arial, sans-serif;
	font-size: 9px;
	margin-bottom: 10;
	margin-top: 10;
}

a.about {
	color: #3B95EB;
	text-decoration: none;
}

a.about:hover {
	color: #3B95EB;
	text-decoration: underline;
}

img.music {
	filter: drop-shadow(0 0 0.25rem #4270bc);
}

td.info {
	padding: 15px; 
	text-align: left;
}

p.bio {
	padding: 20px;
	text-align: left;
	vertical-align: top;
	font-family: 'silkscreennormal', Arial, sans-serif;
	font-size: 9px;
	color: #4270bc;
}

p.desc {
	padding: 15px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	font-family: 'silkscreennormal', Arial, sans-serif;
	font-size: 12px;
	color: #4270bc;
}

p.list {
	padding-left: 15%;
	padding-top: 15%;
	padding-bottom: 0px;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: middle;
}
	
a.list {
	padding-left: 15%;
	font-family: 'silkscreennormal', Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #4270bc;
}

a.list:hover {
	color: #3B95EB;
	text-decoration: none;
	cursor: pointer;
}

ul.stems {
	padding: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
	text-align: left;
	vertical-align: top;
	font-family: 'silkscreennormal', Arial, sans-serif;
	font-size: 10px;
	color: #4270bc;
}


.titleColumn {
  float: left;
  width: 48%;
  padding-top: 2%;
  margin-left: 2%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.rightColumn {
	float: left;
  	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}