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

 .womp {
        position: relative; 
        width: 1208px;
        height: 750px; 
        background-image: url('/jamaa/images/first.jpg'); 
        background-repeat: no-repeat; 
        background-size: cover; 
        background-position: center;  
        margin: 60px auto;
        padding: 15px;
      }
      
      

#bow {
  position: absolute;
  top: -140px;
  left: -120px;
  transform: rotate(-30deg); 
  z-index: 10;
}

#popup {
  position: absolute;
  top: 0;  /* cover .womp from the top */
  left: 0;
  width: 100%;   /* take full width of .womp */
  height: 100%;  /* take full height of .womp */
  
  background-image: url('/jamaa/images/map.png'); 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;


  display: none;  /* hidden until clicked */
  z-index: 5;     /* above background, below bow */
  padding: 25px;
  box-sizing: border-box;
}

.hotspot {
  position: absolute;
  top: 680px;
  left: 1060px;
  width: 130px;
  height: 100px;
  border: transparent;
}