body {cursor: url(mous.gif), default ;
            width: 800px; 
            height: 1000px;
            margin: 0 auto; 
            
            overflow: hidden; 
            overflow-y: auto;

          text-align: justify;
  text-justify: inter-word;

            background-repeat: repeat;
            background-color: #6b6363;
        background-image: url(https://cdnb.artstation.com/p/assets/images/images/034/060/675/large/diego-lopez-groundtiles.jpg?1611281600);
            font-family: Georgia, sans-serif;
      }

.box1, .box2, .box3, .box4, .box5{  
  width: 800px;
  flex-direction: column;
  display: flex;
}


.imgboxright{
  position: absolute;
  left: 190px;
  top:60px;
  height: 460px; 
  width: -160px;
  /* border: 4px solid #ccc; */
  transform: rotate(var(--angle, 3deg)); 
  
}

.imgboxleft{
  display: flex;
  justify-content: center; 
  align-items: center;     
  height: 460px; 
  width: 300px;
 /* border: 4px solid #ccc; */
  transform: rotate(var(--angle, -4deg)); 
}

img {
  max-width: 100%;
  max-height: 100%;
}


.left1, .left2, .left3, .left4, .left5{
  width: 450px;
 z-index: 2;
 
  
}
.right1, .right2, .right3, .right4, .right5{
  width: 450px;
  padding: 10px;
  position: absolute;
  left:400px;
   z-index: 1;

}  

.middlebig{
    width: 800px; 
  display: grid;
    overflow-y: auto;
    align-content: center;
    position: absolute;
    top: 200px;
    padding: 90px;
    left: calc(50% - 300px);
    
     background-image: url(
      "paper.png");
    background-size: 800px 600px; 
            background-repeat: repeat;
}


.extradiv{
 position: absolute;
  top:60px;
}


.tape{
  position: absolute;
  top: 240px;
  left: 610px;
    transform: rotate(var(--angle, 15deg)); 
  z-index: 2;
}