/* Adjust the font size for smaller screens */
body {
	/* font-size: 1em;  */
}

/* Change width of jukebox for mobile */
:root {
	--wrapper-width: 95%;
	--book-cover-height: 225px;
	--book-width: 350px;
	--book-height: 225px;
	--book-cover-width: 175px;
}
#function-bar a {
	font-size: 0.75rem;
	line-height: 1.1;
}
#roomDisplays {
	flex-direction: column;
} .wrapper {
	margin-left: 0;
	max-width: 100%;
} 
#heartOverlay, #heartOverlay2 {
	font-size: 1em;
}

form {
	font-size: 1em;
}

#table {
	margin-left: 0;
}
#gameCanvas, #table #videoJukebox {
	max-width: 98%; /* Make sure the canvas doesn't exceed the width of its container */
	background-color: white;
	position: absolute;
	top: 1%;
	left: 1%;
	display: block;
	height: 98%;
	width: 98%;
	margin: auto;
	align-self: center;
	background: #fff;
	z-index: 1;
	overflow: hidden
}