.medium-logo { height: 10%; position:fixed; }
	.large-logo { height: 16%; position:fixed; }
	#main_logo { height: 10%; bottom: 1%; right: 1%; position:fixed; }
	#interface { 
		background-color: rgb(255, 255, 255, 100);
		position:fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 89px;
		background-color: orange;
		z-index: 1000;
	}
	#prev_logo { left: 5px; top: 7px; height: 35px; border-radius: 12%; }
	#play_logo { left: 48px; height: 43px; width: 43px; top: 3px; border-radius: 24%; }
	#next_logo { left: 94px; height: 35px; top: 7px; border-radius: 12%; }
	#files { position:absolute; top: 95px;  }
	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
	#main_image {     
		position:fixed;
		height: 69%;
		max-width: 100%;
		z-index: 1020;
		bottom: 0%;
		border: solid;
		border-radius: 5%;
	}
	#progress_bar { 
		position: fixed; 
		width: 100%; 
		height: 37px;
		top: 59px; 
	}


	.playing { left: 10px; text-align:center; border: solid; border-radius:23%; z-index:1100; background-color: #fcf9d4; }
	.hidden { display: none }
	#timer { position:absolute; top: 20px; left: 450%; top: 55%; z-index: 1200;}
	.lettering { height: 22px;}
	.uppercase { height: 20px;}
	#search_bar { 
		position:fixed;
		left: 38%;
		top: 3px;
		width: 50%
	}
	#search {	
		height: 30px;
		border-radius: 90%;
		width: 30%;
		transition-duration: 1s;
		font-size: 16px;
		text-align:center;
		font-color: blue;
	}
	::placeholder { font-size: 14px; text-align: center; }
	#image_controls { 
		position:fixed;
		right: 7%;
		top: 3px;
		z-index: 1200;
	}
	#image_toggle {	
		height: 35px;
		width: 45px;
		border-radius: 23%;
	}
	#payment_toggle {	
		height: 35px;
		width: 45px;
		right: 5px;
		border-radius: 23%;
	}