@import "common.css";
body, html
{
	margin: 0;
	margin-top: 0.5em;
	background-color: var(--colour-bg);
	color: var(--colour-fg);
	font-family: Arial, Helvetica, sans-serif;
}
.dropdown
{
	display: inline-block;
}
.dropdown-title
{
	cursor: pointer;
	padding: 7px 5px;
	background-color: #00a050;
	border: 1px solid var(--colour-fg);
}
.dropdown-content
{
	display: none;
	position: absolute;
	background-color: #00bf3f;
	min-width: 75px;
	padding: 6px 8px;
	z-index: 1;
}
.dropdown-title:hover
{
	background-color: #007c30;
}
.dropdown:hover .dropdown-content
{
	display: block;
}
.dropdown-item:hover
{
	background-color: #007f2f;
}
.dropdown-item
{
	cursor: pointer;
	margin-bottom: 4px;
	margin-top: 4px;
}
#navbar
{
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 10px;
}
#info
{
	display: flex;
	justify-content: space-between;
}
#prev, #next
{
	cursor: pointer;
	font-size: 1.5em;
}
#container
{
	width: 100%;
	height: 1000px;
	margin: auto;
}
#animal
{
	width: 100%;
	height: 100%;
	object-fit: contain;
}