/*
this code has been moved to somebodylikeyou.php to test if style tags inline work

 The animation code
@keyframes example {
  from {margin-top:30px;}
  to {margin-top: -1000px;}
}

 The element to apply the animation to
.runcont{
  margin-top:30px;
  animation-name: example;
  animation-duration: 233s;
} 
 */
 body {
	 color:#ddd;
background-color:black;	 
	 
 }
 p{
	 font-size:1.5em;
 }
 h2{
	 color:SlateBlue;
	 
 }
 h3{
 color:#ccc;
 }
.mybutton {
  background-color: white;
  color: black;
  border: 1px solid brown;
  padding: 5px 10px;
  margin-bottom:10px;
  
  font-size:1.5em;
  text-align: left;
  text-decoration: none;
  display: inline;
  
}

a:link, a:visited {
  background-color: dkBlue;
  color: white;
  border: 1px solid grey;
  padding: 5px 10px;
  margin-bottom:2px;
  width:250px;
  font-size:1.5em;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  
}

a:hover, a:active {
  background-color: #ddd;
  color: black;
}


.media a:link, .media a:visited {
  background-color: dkBlue;
  color: white;
  border: 1px solid grey;
  padding: 5px 10px;
  margin-bottom:2px;
  width:550px;
  font-size:1.5em;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  
}

.media a:hover, .media a:active {
  background-color: #ddd;
  color: black;
}
.mk-navbar-links a{
	color:white; 
	width:50%; text-align: left;
	background-color:SlateBlue;
	border: 1px solid black;
	font-weight:bold; font-size:1em; padding:5px 0px 5px 20px;
}

.spacer{
	height:50px;
}
.lyricsdiv{
	line-height:1em;
}
.lyricsdiv p{
	color:#eee;
	font-size:1.4em;
	font-weight:bold; 
	
}

h2 {
	text-align:center;
}
.mk-navbar-links{
	color:#fff;
	font-size:1.5em;
	padding: 5px 10px;
}
.chordbox{
	width:325px; min-height:250px; background-color:#888;  border:1px solid #888;
}
.chordbox p{
	color:#fff;
	font-size:1.7em;
}
 .line{
	 width:100%;
	 height:25px;
	 border-bottom:1px solid #333;
 }
 .cat{
	 
 }
 
 .text{
	 color:#aaa;
 }
.text, .cat,.chord-col-1,.chord-col-2,.chord-col-3{
	border:px solid black;
	display:inline-block;
}

.chord{
	
	display:inline-block;
	font-weight:bold;
}
.chord-col-1,.chord-col-2{
	width:95px;
	color:orange;
		display:inline-block;
		font-weight:bold;
		border-right:px solid #666;
}
.chord-col-3{width:25px;}
.chord-col-1{
	margin-left:30px;
}
.cat{
	border:px solid orange;
color:red;
width:%;

	
}

.text{
	border:px solid green;
font-weight:bold;
	display:inline-block;
	
}
.notes{
	color:blue;
	border:px solid blue;
font-weight:bold;
	display:inline-block;
	
}