#stage {
    background-color: #cccccc;
	background-image: url("images/stagebackground.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow: hidden;
    border: 1px solid black;
    height: 90vh;
    width: 100vw;
    position: relative;
    z-index: 0;
}

.character {
    height:150px;
    width:120px;
    position:absolute;
    left:100px;
    top:360px;
}
 
#j {
    /*
     * And now we set the background image for the character div 
     * to be the first sprite (in the upper left corner)
     */
    background-image: url("images/PelusoSpriteSheet.png");
    background-repeat:no-repeat;
    background-position:0 0;
}



.button {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color:#63b8ee;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Times New Roman;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.button:hover {
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color:#468ccf;
}
.button:active {
	position:relative;
	top:1px;
}