body{
		color:black;
		font-size:14px;
		background:url("https://shapelesswhistle.neocities.org/image/lightdot.gif");
	}	
	
	.body{
		width: calc(100% - 330px);
		height: calc(100% - 100px);
		margin-left:170px;
		position:fixed;
		top:0px;
		padding:50px;
		right:0;
	}
	
	a{
	 color:blue; 
	}
	
	a:hover{
	  color:red;
	}
	
	.bar{
		height: calc(100% - 40px);
		width:200px;
		padding:20px;
		top:0;
		left:0;
		position:fixed;
	}
	
	.main{
		height: calc(100% - 30px);
		margin:auto;
		padding:15px;
		overflow:scroll;
		border:1px dotted lightgrey;
		background:url("https://shapelesswhistle.neocities.org/image/clover.gif"); 
	}
	
	.sect{
		margin-bottom:10px;
		background:white;
		border:1px dotted darkgrey;
		padding:5px;
		height: calc(100% - 10px);
	}
	
	      .book{
        height:550px;
        width:800px;
        background:#ffb87a;
        margin:auto;
        margin-top:45px;
        border-radius:5px;
        padding:10px;
      }
      
      .L{
        width:379px;
        float:left;
        height:530px;
        background:white;
        padding:10px;
        border-radius:0px 10px 10px 0px;
        border-right:.5px solid darkgrey;
        overflow:scroll;
      }
      
      .R{
        width:379px;
        float:right;
        height:530px;
        background:white;
        padding:10px;
        border-radius:10px 0px 0px 10px;
        border-left:.5px solid darkgrey;
        overflow:scroll;
      }