body {
  cursor: url("/images/crayon.gif"), auto;
	padding: 10px;
	font-family: 'MS PGothic', sans-serif;
	color: #FF7CB3
	background-color: var(--gradientTop);
	background-image: url(/images/checkeredbg.png);
	background-size: 20px 35px;
	background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}
    

 .womp {
        position: relative; 
        width: 1019px;
        height: 718px; 
        border: 1px solid #ccc; 
        background-image: url('/images/journalbg.jpg'); 
        background-repeat: no-repeat; 
        background-size: cover; 
        background-position: center;  
        margin: 0 auto;
        padding: 25px;
      }

      #eyelet-img {
        position: absolute;
        top: 45px;
        right: 35px;
        width: 50px;
        height: 50px;
      }
      
      
      /* stickers start */
  #sticker1 { position: absolute;
        top: 610px;
        right: 870px;
  }

   #sticker2 { position: absolute;
        top: 430px;
        right: 750px;
  }
      
  #sticker3 { position: absolute;
        top: 500px;
        right: 700px;
  }
      
  #sticker4 { position: absolute;
        top: 512px;
        right: 830px;
  }
      
  #sticker5 { position: absolute;
        top: 450px;
        right: 10px;
  }
      
  #sticker6 { position: absolute;
        top: 490px;
        right: 520px;
        transform: rotate(-48deg);
  }
      
  #sticker7 { position: absolute;
        top: 600px;
        right: 690px;
        transform: rotate(15deg);
  }
      
  #sticker8 { position: absolute;
        top: 490px;
        right: 480px;
  }
      
          
      
  #sticker9 { position: absolute;
        top: 20px;
        right: 700px;
  }
      
  #sticker10 { position: absolute;
        top: 540px;
        right: 10px;
        transform: rotate(15deg);
  }
      
  #sticker11 { position: absolute;
        top: 675px;
        right: 10px;
  }
      

      

      /* stickers end */
      
      
      
      
      
      
            #charm { position: absolute;
        top: -10px;
        right: -250px;
        transform: rotate(-30deg);

      }

      .my-container p {
        color: pink;
      }
      
         a:hover {
        cursor: url('/images/crayon.gif'), pointer;
    }