#sidebar {
	display: none;
}

.pf {
	margin: 0;
	flex-shrink: 0;
}

#page-container {
	background: none transparent;
	transform-origin: top center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	overflow-y: scroll;
	overflow-x: hidden;
}

body .t { color: black;/*rgb(202, 149, 1);*/ }
body .pf { background-color: rgba(255, 255, 255, 1); }

.pf .goto-page, .pf .page-nav, .pf .fullscreen, .pf::before {
	visibility: hidden;
	position: absolute;
	font-size: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pf .goto-page, .pf .page-nav, .pf .fullscreen { cursor: pointer; }

body:hover .pf .goto-page, body:hover .pf .page-nav,
body:hover .pf .fullscreen, body:hover .pf::before {
	visibility: visible;
}

.pf:not([data-page-no='1']) .page-nav .prev:hover,
.pf:not(:last-child) .page-nav .next:hover,
.pf .fullscreen:hover, .pf .goto-page:hover {
	text-decoration: underline;
}

.pf::before {
	top: 1em;
	left: 1em;
	content: "Page " attr(data-page-no) " / " attr(data-last-page);
}

.pf .goto-page {
	left: 1em;
	top: 2.5em;
}

.pf .page-nav { right: 1em; }
.pf .page-nav.top { top: 1em; }
.pf .page-nav.bottom { bottom: 1em; }
.pf[data-page-no='1'] .page-nav .prev, .pf:last-child  .page-nav .next { color: rgb(150, 150, 150); }

.pf .fullscreen {
	top: 1em;
	left: 50%;
	transform: translate(-50%);
	color: inherit;
	text-decoration: none;
}