body,html {
	margin: 0;
	padding: 0;}
	
p {font-family: "Courier New";}
	
body {
	background-color: black;}
	
#whole {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	height: 500px;
	width: 1000px;
	overflow: hidden;}
	
#main {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 337px;
	height: 300px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	overflow: auto;
	font-size: 62%;
	border-radius: 0px 17px 0px 0px;
	background-color: #fff;
	z-index: 2;}
	
	#window {
		width: 327px;}
	
#sidebar {
	position: absolute;
	right: 371px;
	top: 0px;
	width: 105px;
	height: 253px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 80%;
	background-color: #fff;}
	
	#navtext {
		text-align: right;}
		
#text {
	position: absolute;
	left: 60px;
	width: 435px;
	height: 631px;
	overflow: auto;
	font-size: 80%;
	color: #fff;}
	
	#pagedirect {
		display: flex;
		justify-content: center;
		align-items: center;}

	#pages {
		width: 250px;
		border: ridge white 5px;}
	
#resim {
	position: absolute;
	height: 500px;}
	
#bgpic {
	position: absolute;
	bottom: 0px;
	right:  0px;
	width: 500px;}