style.css

/* @import url('colors.css'); */

@import url('https://fonts.googleapis.com/css?family=Cinzel');

html
{
     background-image: url("./background.jpg");
	 background-repeat: no-repeat;
	 background-size: 100%;
}

body
{
	font-family: 'Cinzel', serif;
}


canvas
{
	cursor: none;
}



#main_wrapper
{
	position: relative;
	margin: 0 auto;
	width: 700px;
}

#room_wrapper
{
	position: absolute;
	top: 200px;
	left: 150px;
	width: 500px;
	height: 350px;
	background-color: #ddebff;
    /* border: 1px dotted lightgreen; */
}

#hud_wrapper
{
	position: absolute;
	top: 10%;
	left: 15%;
	font-weight: lighter;
	font-size: small;
}

#room_title
{
	position: absolute;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	font-size: large;
	/* border: 1px dotted red; */
}

#room_description
{
	position: absolute;
	padding: 5px;
	text-align: left;
	font-size: large;
	/* border: 1px dotted blue; */
}


.btn_nav
{
	position: absolute;
	width: 50px;
	height: 50px;
}

.btn_nav:enabled
{
	cursor: pointer;
}

.btn_lock
{	
	position: absolute;
	min-width: 50px;
	min-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

#btn_item
{
	position: absolute;
	min-width: 50px;
	height: 50px;
}

#btn_item:enabled
{
	cursor: pointer;
}

.hud_row
{
	height: 25px;
}

.hud_element
{
	display: inline-block;
	font-weight: normal;
	font-size: medium;
}




/* z-index: 30; */
/* opacity: 0.5; */