@charset "UTF-8";
/* CSS Document */

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	overflow-x: hidden; 
	overflow-y: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	line-height: 0.9;
	/*background-color: #E8E8E8;*/
	scroll-behavior: smooth;
}


div.animalheadergreybar {
	/*background-color: #d4b78f;*/
	/*background-color: #d0d0d0;*/
	/*background-color: #ffffff;*/
	background-color:#d4b78f;
	width: 101%;
	height: 30px;
	position:sticky;
	top: 0px;
	overflow: hidden;	
}


div.animalheader {
	width: 300px;
	height: 45;
	position: fixed;
	top: 5px;
	overflow: hidden;	
}

theanimal {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.2;
	margin-left: 10px;
	font-style: normal;
}

theintrotext {
	font-size: 1em;
	font-weight: bold;
	margin-left: 10px;
	font-style: normal;
}

theanimalcommanname {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 10px;
	font-style: normal;
}

subtext {
	font-size: .8em;
	font-weight: normal;
	margin-left: 10px;
	font-style: italic;
	color: #535354;
}

subtextnoitalic{
	font-size: .9em;
	font-weight: normal;
	margin-left: 10px;
	font-style: normal;
	color: #535354;
}

div.animalimage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	width: 100px;
	
}

button{
	height: 15px;
	font-size: .7em;
	
}

traits {
	font-size: .7em;
	font-weight:normal;
	color: #464646;
	margin-left: 12px;
	vertical-align: top;
	font-style: normal;
}

thebreakline {
	font-size: .7em;
	font-weight:normal;
	font-style: normal;
}

div.animaltype {
	width: 100%;
	height: 20px;
	position:static;
	margin-top: 0px;
	overflow: hidden;	
}




div.animaltraits {
	position: inherit;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	overflow: hidden;
}
animaltraitlist {
	font-size: .7em;
	/*font-size: 1.5vw;*/
	color: #545454;
	font-weight: normal;
}

newtraitformat {
	font-style: italic;
}

animaltraitheaders {
	font-size: 1em;
	color: #A75A00;
	font-weight: normal;
}

div.animaldesc {
	position: inherit;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	overflow: auto;
}
animaldesclist {
	font-size: .8em;
	/*font-size: 1.5vw;*/
	color: #545454;
	font-weight: normal;
}

animaldescheaders {
	font-size: .9em;
	color: #1E1E1E;
	font-weight: normal;
}

highlightedtraits {
	font-size: 1em;
	color: #1E1E1E;
	font-weight: bold;
}


div.animalscaleimage {
	display: block;
	margin-left: 0;
	margin-right: auto;
	margin-top: 5px;
}