html {color: gold; background-color: gray;}
button {font-size: 120%; margin: 2px 2px 2px 2px}
a:link, a:visited {color: yellow; text-decoration: none;}

#msg_el {font-size: 115%; margin: 10px 0px 10px 0px; white-space: pre-wrap}

.loc_title {font-size: 150%; font-weight: bold; margin-bottom: .5ex;}
.loc_msg_el {font-size: 115%; margin: 10px 0px 10px 0px;}

.loc_picture {max-width: 400px; max-height: 400px;}
.loc_description {font-size: 135%; margin: 10px 0px 10px 0px;}

.exhibit {background: #9bf; padding: 10px; width: 500px; color: black;}
.ex_title {font-size: 150%; font-weight: bold; margin: 10px 0px 10px 0px}
.ex_picture {width: 400px;}
.ex_description {font-size: 135%; margin: 10px 0px 10px 0px}
.ex_statement {font-size: 135%; margin: 10px 0px 10px 0px}

.img_credit {font-size: 100%;}

.signs_title {font-size: 115%; font-weight: bold;}

.sign {margin: 3px; display: inline-block; color: black;}
.sign_picture {width: 200px;}
.sign_text {width: 200px; font-size: 125%; background: #9bf; padding: 5px;}

.clue_el {font-size: 115%;}
.clues_title {font-size: 150%; font-weight: bold;}

.loc_list_title {color: yellow; text-decoration: underline;
		 text-decoration-thickness: 1px;}

.security_console {font-size: 115%; padding: 10px; margin: 3px;
		   width: 500px; background: #444; color: red;
		   font-weight: bold;}

.intruder_clock {font-size: 115%; padding: 10px; margin: 3px;
		   width: 500px; background: #444; color: yellow;
		   font-weight: bold;}

.npc_el {
    font-size: 115%; padding: 10px; margin: 3px;
    width: 375px; background: #ddd; color: blue;;
    font-weight: bold; display: inline-block;
    img {
	width: 70px; /*display: inline-block;*/
    }
    .npc_flex {
	display: flex;
	.npc_img_name: {
	    flex: 1;
	}
	.npc_talk {
	    flex: 3;
	    margin-left: 5px; padding: 5px;
	    background: #eee; color: #22C;
	    font-size: 110%; font-weight: normal;
	}
    }
}

.puzzle_solved {color: #0c0;}
.puzzle_not_solved {color: #f40;}