@charset "UTF-8";
/* CSS Document */
		* {
			--color1: #9a797b; /** Color for links in artcles and table of contents **/
			--color2: #000000; /** Color for link hover, bold and italic text **/
		}
		body {
			background: #0E0E0E;
			font-family: 'Montserrat', sans-serif;
		}

		#container {
			width: 1086px;
			height: 760px;
			margin: 25px auto;
			background-image: url('Pages.png');
			position: relative;
		}

		#cover {
			width: 1068px;
			height: 760px;
			margin: 25px auto;
			left: 600px;
		}

	    #staff {
			width: 1086px;
			height: 760px;
			margin: 25px auto;
			background-image: url('Staff.png');
			position: relative;
		}
		
		#leftpage{
			width: 38%;
			height: 540px;
			padding: 10px;
			overflow: auto;
			float: left;
			position: inherit;
			top: -10px;
			left: 83px;
			}
		
		#rightpage{ 
		 	width: 38%;
			height: 540px;
			padding: 10px;
	    	overflow: auto;
			float: right;
			position: inherit;
			top: -160px;
			left: -95px;
		}
		
	    .title {
			width: 100%;
			height: 20%;
			position: inherit;
			top: 10px;
			left: 80px;
		}
		
		  .titlex {
			width: 100%;
			height: 20%;
			position: inherit;
			top: -140px;
			left: 120px;
		}
		
		
		#article { 
			color: #000000;
			overflow: auto;
			padding: 2%;
			height: 90%;
		}

			#pageback {
			position: relative;
		}

		#pageforward {
			position: relative;
	
		}

		a:link, a:visited {
			text-decoration: none;
			color: var(--color1);
			font-weight: bold;
		}
		a:hover, b, i {
			color: var(--color2);
			font-weight: bold;
		}