html {
	font-family: Montserrat, sans-serif;
}
body {
	background-color: whitesmoke;
	margin: 15px;
}
img {
	padding: 5px;
}
.monospace {
	font-family: Courier Prime;
}
.tranimg {
	padding: 5px;
	min-width: 10em;
	background-color: lightgrey;
	border: black solid 1px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.9);
}
.badge {
	width:6em;
	display: inline-block;
/*	background-color: lightgrey;*/
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
}
.badge:hover {
/*	width:6.5em;*/
}
.badge-base,
.LI-simple-link,
.badges {
	display: inline-block;
	margin-left: 1em;
}
.badge-base {
	display:inline-block;
/*	text-align: center;*/
	margin-left: 1em;
}
.dropdown {
	display: inline;
}
.dropdown-content {
/*	display: inline; */
	display: none;
/*	width: 20em;*/
	font-weight: bold;
	font-size: larger ;
	color: yellow;
	position: absolute;
	background-color: #8f0307;
/*	background-color: #f9f9f9;*/
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
	border: solid black 2px;
	z-index: 1;
}
.dropdown:hover .dropdown-content {
	display: inline;
}
.desc {
	padding: 5px;
	text-align: center;
}
.half-container {
	border-width: 3px;
	width: 60%;
	padding: 5px;
	display: inline-block;
}
.topmargin {
	vertical-align: top;
/*	margin-top: 1em;*/
}
.rightalign {
	text-align: right;
/*	vertical-align: top;*/
}
.big-container {
/*	text-align: center;*/
}