/* Fonts */
.handwritten {
  font-family: "Oooh Baby", cursive;
  font-weight: 400;
  font-style: normal;
}

.typewriter {
  font-family: "Fraunces", serif;
  font-weight: 400;
  font-style: normal;
}

/* Paper texture background */
body {
  margin: 0;
  background-color: #f8f5f2;
  background-image: url('images/paper-texture.png'); /* Your texture file */
  background-size: cover;
  background-repeat: repeat;
  color: #2f2f2f;
}

/* Handwriting animation */
@keyframes handwriting {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
.animate-handwriting {
  display: inline-block;
  animation: handwriting 3s ease forwards;
}

/* Typewriter animation */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink {
  0%, 50% { border-color: transparent }
  50.1%, 100% { border-color: #7b1e1e }
}
.animate-typewriter {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 3px solid #7b1e1e;
  animation: typing 3s steps(40, end), blink 0.75s step-end infinite;
}