title {
	display: none;
}


a:link {
	color: rgb(75, 75, 200);
	text-decoration: none;
}


a:visited {
	color: rgb(75, 75, 200);
	text-decoration: none;
}


a:hover {
	color: rgb(150, 150, 255);
	text-decoration: underline;
	cursor: pointer;	
}


a:active {
	color: rgb(150, 150, 255);
	text-decoration: none;
	cursor: pointer;	
}


body {
	padding-left: 8px;
	padding-right: 8px; 
	display: flex;
	justify-content: center;
	color: rgb(0, 0, 0);	
	font-size: 120%;	
	font-family: "Times New Roman", Times, serif;	
}


#comic-container {
	max-width: 1024px;
	text-align: center;
}


#comic-nav-table {
	width: 100%;
}


#feelings-table {
	width: 100%;
	background-color: rgb(200,200,200);
	padding-left: 1em;
}


#text-container {
	max-width: 1024px;
}


#top-scroll-button {
	position: fixed;
	bottom: 8px;
	right: 8px;
	height: 48px;	
	width: 48px;	
	border-radius: 24px;
	background: rgb(240, 240, 240);	
	text-align: center;
	color: rgb(80, 80, 80);
	font-size: 125%;

}


#top-scroll-button:hover {
	background: rgb(220, 220, 220);
}


.comic-image { /* Optimized for mobile displays */
	background-size: contain;
	width: 80%;
	height: auto;
}


@media only screen and (max-height: 1080px) { /* Optimized for 1920x1080 displays */
	.comic-image {
		background-size: contain;
		width: 67%;
		height: auto;
	}
}


.comic-nav-button-container {
	text-align: center;
}


.comic-nav-button {
	height: 48px;	
	width: 48px;
	border-radius: 24px;
	background: rgb(240, 240, 240);	
	text-align: center;
	color: rgb(80, 80, 80);
	font-size: 125%;
}


.comic-nav-button:hover {
	background: rgb(220, 220, 220);
}


.indent-text {
	padding-left: 48px;
}