body{background-color:linen}
			.booktitle{
				font-style: italic;
			}
			
			#hamburger {
			position:fixed;
			cursor: pointer;
			left:20px;
			top:20px;
			padding: 12px;
			z-index: 10010;
			}
			
			
			.line{
				position: absolute;
				background-color:black;
				width:26px;
				height:3px;
				display:block;
			}
			.middle{transform: translate(-50%,0px);
				opacity: 1.0;
				transition: opacity 1s;
				}
			
			.top{transform: translate(-50%,-6px);
				transition: transform 1s;
				}
			
			.bottom{
				transform: translate(-50%,+6px);
				transition: transform 1s;
			 }

			
			.makeX .bottom{
				transform:  translate(-50%,0px) rotate(+225deg);
			 }
			
			.makeX .top{
				transform:  translate(-50%,0px) rotate(-225deg)
			 }
			 
			.makeX .middle{
				opacity: 0.0;
			 }
			 
			
			nav{
				z-index: 10000;
				position:fixed;
				top:0;
				left:-340px;
				height:100vh;
				width:300px;
				background-color:yellow;
				padding: 60px 20px 0px 20px;
				transition: transform 1s;
			}
			
			nav.showme{
				transform:translate(340px,0);
				}
				
			#pagelist li {
				cursor: pointer;
				height:45px;
				padding: 5px 0px 5px 0px;
				}
				
			#pagelist{
				list-style-type: none;
				padding:0;
				margin:0;
			}
			
			header {
			  display: flex;
			  flex-wrap: wrap;
			}
			
			header div{ margin: 10px;}
				
			#article, header, #articleName, form {max-width:1000px;
			margin:auto}
			
			#title{max-width:90%;
			text-align: center}
			
			.errormessage{ color:red }
			
			.formnote{ color:blue;
				text-align:center}