.comicContainer {
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	image-rendering: optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
	position: relative;
	left: 3rem;
	top: 3rem;
	display: flex;
	flex-direction: column;
	align-items: top;
	width: max-content;
	--z: 1;
	background-color: var(--theme-background-alt);
	padding: 2rem;
	border-radius: 2rem;
}

.comicHolder {
	position: relative;
}

.comicHolder .comic {
	transform: scale(var(--z));
	transform-origin: left top;
}

.comicButtons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	size: relative;
	align-items: baseline;
}

.comicButton {
	color: var(--theme-b);
	background-color: inherit;
	border-width: .25rem;
	font-family: inherit;
	font-size: inherit;
	color: var(--theme-y);
	border-color: var(--theme-y);
}

.comicButtonZoom {
	border-radius: .5rem;
	border-style: none solid none solid;
}

.comicButtonPlus:hover {
	color: var(--theme-g);
	border-color: var(--theme-g);
}

.comicButtonMinus:hover {
	color: var(--theme-r);
	border-color: var(--theme-r);
}

.comicButtonNav {
	border-radius: 0;
	border-style: none;
}

.comicButtonNav:hover {
	border-color: var(--theme-b);
	color: var(--theme-b);
	border-style: none none solid none;
}