body {
	padding-left: 1rem;
	padding-top: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	aspect-ratio: 8.25/4.75;
	height: 4.75in;
	-webkit-print-color-adjust: exact !important;
	print-color-adjust: exact !important;
	margin: 0;
}

@media print {
	body {
		margin-top: 0.4in;
	}
}

div {
	display: flex;
	/* width: 100%;
	height: 95%; */
}

#main_contianer {
	flex-direction: row;
	height: 97%;
	gap: 5px;
}

#left_container {
	width: 40%;
	flex-direction: column;
	justify-content: space-between;
}

#left_container > div:first-child {
	height: 30%;
}

#left_container > div:last-child {
	height: 70%;
	display: flex;
	flex-direction: column-reverse;
}

#left_container > div:last-child > div:first-child {
	justify-content: center;
}

#left_container > div:last-child > div:last-child {
	height: 90%;
	padding-top: 0.25rem;
}

.photo-container {
	object-fit: contain;
	height: 100%;
}

img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#right_container {
	width: 60%;
	height: 98%;
	flex-direction: column;
	object-fit: contain;
	justify-content: space-between;
}

#right_container > div {
	border: 0.3rem solid black;
	object-fit: contain;
	padding: 0.25rem;
	flex-direction: column;
	width: auto;
	height: auto;
}

#name_container {
	background-color: rgb(230, 240, 249);
}

#latin_name {
	font-size: 1.5rem;
	font-weight: bold;
}

#common_name {
	font-size: 1.25rem;
	font-weight: bold;
}

#link_container {
	flex-direction: row !important;
	height: 6rem !important;
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
	padding-right: 0.25rem !important;
	background-color: rgb(201, 225, 247);
}

#link_container > div:first-child {
	align-items: center;
}

#qrcode_container {
	aspect-ratio: 1/1;
}

#footer {
	flex-direction: column;
	font-size: 0.75rem;
	height: 5%;
	width: 100%;
	justify-content: center;
}

#footer > span {
	display: flex;
	justify-content: center;
}

#current_year {
	padding-left: 0.25rem;
	display: inline;
}

#wildlife {
	max-height: 30%;
}