/* Cat Paw Print - https://www.cursors-4u.com/cursor/cat-paw-print */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/cat-paw-print-39910841-32.webp') 32 32, auto !important;
}
/* End www.Cursors-4U.com Code */
.medievalsharp-regular {
  font-family: "MedievalSharp", cursive;
  font-weight: 400;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, p {
  font-family: "MedievalSharp", cursive;
  font-weight: 400;
  font-style: normal;
}


.intro-center
{
  position: absolute;
  top: 150px; /* Distance from the bottom of the screen */
  left: 50%;                 /* Moves the left edge to the exact middle */
  transform: translateX(-50%); /* Shifts the image left by half of its own width */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:1300px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */

}

.birthday-tag {
  position: absolute;
  top: 200px; /* Distance from the bottom of the screen */
  left: 30px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:300px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */

}
.birthday-text {
  position: absolute;
  top: 250px; /* Distance from the bottom of the screen */
  left: 80px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:200px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */
  font-size: 25px;
  font-weight: 700;
  color: #856A00;
  letter-spacing: 1px;
}
.taurus {
  position: absolute;
  top: 300px; /* Distance from the bottom of the screen */
  left: 250px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:250px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */

}
.photobook {
  position: absolute;
  bottom: 90px;
  right: 200px;  
  z-index: 99999; /* Boosted higher */
  width: 150px;  
  height: auto; 
  display: inline-block; /* Forces anchor to scale with the image dimensions */
  transform: rotate(-5deg);
  pointer-events: auto !important; /* Forces the browser to prioritize clicks here */
}

.photobook img {
  width: 100%;
  height: auto;
  display: block;
}

.arrow {
  position: absolute;
  bottom: 200px; /* Distance from the bottom of the screen */
  right: 30px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:150px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.arrow-text {
  position: absolute;
  bottom: 240px; /* Distance from the bottom of the screen */
  right: 20px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:150px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}

.apple {
  position: absolute;
  bottom: 20px; /* Distance from the bottom of the screen */
  left: 30px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:300px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.plate {
  position: absolute;
  top: 20px; /* Distance from the bottom of the screen */
  right: 30px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:300px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.likes {
  position: absolute;
  top: 300px; /* Distance from the bottom of the screen */
  right: 100px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:500px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}

.magpie-blinkie {
  position: absolute;
  top: 20px; /* Distance from the bottom of the screen */
  left: 30px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  height:25px;  /* Adjust the size of the plot as needed */
  width: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}

.magpie {
  position: absolute;
  top: 50px; /* Distance from the bottom of the screen */
  left: 30px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  width:300px;  /* Adjust the size of the plot as needed */
  height: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.magpie-cross {
  position: absolute;
  top: -30px; /* Distance from the bottom of the screen */
  left: 40px;  /* Distance from the right side of the screen */
  z-index: 9999; /* Ensures the GIF stays on top of other content */
  height:300px;  /* Adjust the size of the plot as needed */
  width: auto;  /* Maintains the aspect ratio */
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}