html {
cursor: url("leafcursor.gif"), auto; /* Replace 'custom-cursor.png' with your image file */
}

a {
      cursor: url("bellcursor.gif"), auto; /* Replace 'custom-cursor.png' with your image file */
      text-decoration: none;
      color: #471A3B;
    }
                a:hover{
                  color: #FF1FA3;
                }


body {
background-image: url('http://dl2.glitter-graphics.net/pub/2736/2736942h0b9j39ct6.gif');
background-attachment: fixed;
background-repeat: repeat;
 font-family: ms ui gothic;
  font-weight: 400;
  font-style: normal;
}

.lace {
  border: 15px solid transparent;
  border-image: url("https://foollovers.com/mat/i-foods/k03-icon-cookie.gif") 6.5 fill round;
  max-width: 960px;
  margin: 0 auto; 
  box-sizing: border-box;
}

.outside {
  width: 100%; 
  border: 3px solid #54453a;
  border-radius: 15px;
  padding: 15px;
  margin: 0 auto;
  background-color: #FFF0F7;
  box-sizing: border-box;
}

.inside {
  width: 100%; 
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.site-Header{
  width: 100%;
  height: 100%;
  border: 3px solid #d4a5c7;
  margin-bottom: 8px;
}

.header-Content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: inline-block;
}

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

.headTitle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding:0;
  letter-spacing: 2px;
  font-family: "Jacquard 12", system-ui;
  font-weight: 400;
  font-style: normal;
}

.frame {
  width: 100%; /* CRITICAL: Fill the container, don't use fixed pixels like 920px */
  height: 400px; /* Fixed height for the scroll window */
  overflow-y: auto; /* Shows scrollbar only when needed */
  overflow-x: hidden; /* Prevents horizontal scroll */
  border: 3px solid #54453a;
  border-radius: 10px;
  background-color: #fff; /* White bg for reading area */
  padding: 20px;
  box-sizing: border-box;
}

.frame::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar track */
}

.frame::-webkit-scrollbar-track {
  background: #fff0f7; /* Very light pink background (matches your .outside bg) */
  border-radius: 10px;
  margin: 5px; /* Adds space at top/bottom of scrollbar */
}

.frame::-webkit-scrollbar-thumb {
  background-color: #d4a5c7; /* Dusty rose color (matches your header border) */
  border-radius: 10px; /* Makes the scrollbar thumb round and cute */
  border: 3px solid #fff0f7; /* Creates a "padding" effect around the thumb */
}

.frame::-webkit-scrollbar-thumb:hover {
  background-color: #FF1FA3; /* Bright pink on hover (matches your link hover!) */
}

.entry-title {
  font-family: "Jacquard 12", system-ui;
  color: #886060;
  border-bottom: 2px dashed #d4a5c7;
  padding-bottom: 5px;
  margin-top: 0;
  display: flex;
  align-items: center; 
  gap: 10px; 
}

.entry-icon {
  width: 32px;  /* Adjust size as needed */
  height: auto;
  display: block;
}

.entry-content {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #471A3B;
  text-align: justify;
}

.end {
  text-align: center;
  padding-top: 10px;
  font-size: 0.8rem;
}