@tailwind base;
@tailwind components;
@tailwind utilities;
/* style.css */
.doodle-bg {
  background-color: #f0f3ff;
  background-image: radial-gradient(#d7e2ff 2px, transparent 2px);
  background-size: 30px 30px;
}

@font-face {
  font-family: "Soulmate";
  src: url("/src/fonts/Soulmate.otf") format("opentype");
}
.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.chalkboard-bg {
  background-color: #034ea2;
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.03) 25%,
      transparent 25%,
      transparent 75%,
      rgba(255, 255, 255, 0.03) 75%,
      rgba(255, 255, 255, 0.03)
    ),
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.03) 25%,
      transparent 25%,
      transparent 75%,
      rgba(255, 255, 255, 0.03) 75%,
      rgba(255, 255, 255, 0.03)
    );
  background-size: 20px 20px;
  background-position:
    0 0,
    10px 10px;
}