*, *::before, *::after {
	margin: 0;
	padding: 0;
}

body {
	font-size: 20pt;
	background-color: #9cd9ff;
}

img {
	width: 100vw;
	margin-bottom: 1em;
}

h2{
	margin: 0.5em auto;
	text-align: center;
}

#content{
	margin: 0 10vw;
}

.bold {
	font-weight: bold;
	font-size: 1.2em;
	color: black;
}

.message {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.labels_page {
	width: 8.5in;
	margin: 0;
	display: grid;
	/* left-gutter label gap label gap label gap label gap label gap label right-gutter */
	grid-template-columns: 0.625in repeat(5, 1in 0.25in) 1in 0.625in;
	grid-template-rows: 0.625in repeat(5, 1in 0.25in) 1in 0.625in;
	gap: 0;
}

.top-gutter {
	grid-column: 1 / 14;
	grid-row: 1;
}

.bottom-gutter {
	grid-column: 1 / 14;
	grid-row: 18;
	page-break-after: always;
}

.left-gutter {
	grid-column-start: 1;
}

.center-gutter {
	grid-column-start: 3, 5, 7, 9, 11;
}

.right-gutter {
	grid-column-start: 13;
}

.label {
	text-align: center;
	width: 1in;
	height: 1in;
}

table, th, td {
	padding: 0.5rem;
}

table {
	overflow: auto;
	max-width: 80vw;
	width: fit-content;
	max-height: 60vh;
	display: block;
	margin: 0 auto;
	border: 2px solid black;
	border-spacing: 0;
}

table .qrcode {
	min-width: inherit;
	max-width: inherit;
	width: auto;
	max-height: 6vh;
	margin: 0 auto;
}

th, td {
	text-align: center;
}

th {
	position: sticky;
	top: 0;
	background: #fff;
	color: black;
	vertical-align: bottom;
}

#registration {
	margin: 0 10vw;
}

textarea { 
	width: 80vw;
}

#qrcodes {
	margin: 0;
	padding: 0;
	width: 8.5in;
	height: 11in;
}	

@media print {
	.link {
		display: none;
	}	
}

#make_hippos {
	text-align: center;
	margin: 0 auto;
}
#make_hippos input {
	font-size: 2rem;
	box-shadow: 2px 2px black;
	color: white;
	background-color: blue;
	padding: 1em;
}

.messages {
	list-style-type: none;
	color: red;
	text-align: center;
	margin: 0 auto;
	width: fit-content;
	box-shadow: 4px 4px black;
}

.message {
	margin: 0 auto;
	width: fit-content;
	text-align: center;
}