html, body {
	height: 100%; 
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: white;
	
}

#up-side{
	width: 100%;
	height: 70%;	
}
#down-side{
	background-color: white;
	width: 100%;
	height: 30%;	
}




#title{
	text-align: center;
	width: 100%;
	margin: auto;
	display:block;
	padding-top: 15px;
	margin-bottom: 0px;
}


h1 { 

font-family: PatuaOne, sans-serif; 
font-size: 2vw; 
line-height: 105%;
letter-spacing: 2pt;

color: #93c01f;
text-shadow: 2px 2px #607c09;

margin-bottom: 1px ; 
}

h3 { 
font-family: PatuaOne, sans-serif; 
font-size: 1.1vw; 
letter-spacing: 2pt;
color: #bfe523;
opacity: 0.7;
text-shadow: 1px 1px #607c09;
padding-top: -30px;
}



#partitura{
	margin: auto;
	display:block;
	width: 100%;
	margin-bottom: 11%;
}



#buttons{	
	top: 10%;
	position: relative;
	text-align: center;
	margin: auto;
	display:block;
	width: 100%;	
}


.control{
	position: relative;
	width: 10%;
	min-width: 80px;
}

#slow{
	top: 0%;
	position: relative;
	text-align: center;
	margin: auto;
	display:block;
	width: 100%;	
}
@font-face { font-family: PatuaOne; src: url('../fonts/PatuaOne-Regular.otf'); }