/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.relative {
  position: relative;
}
.mx-auto {
  margin-inline: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.hidden {
  display: none;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.w-full {
  width: 100%;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.overflow-hidden {
  overflow: hidden;
}
.object-cover {
  object-fit: cover;
}
.text-center {
  text-align: center;
}
:root {
  --background: #ffead1;
  --foreground: #10302b;
  --dark-background: #10302b;
  --dark-foreground: #ffead1;
  --muted: hsl(60 4.8% 95.9%);
  --muted-foreground: hsl(25 5.3% 44.7%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(20 14.3% 4.1%);
  --card: hsla(0, 0%, 100%, 0.5);
  --card-foreground: #10302b;
  --border: #ee70bc;
  --input: #10302b;
  --primary: hsl(24.6 95% 53.1%);
  --primary-foreground: rgb(250, 250, 249);
  --secondary: hsl(60 4.8% 95.9%);
  --secondary-foreground: hsl(24 9.8% 10%);
  --accent: hsla(324, 79%, 69%, 0.5);
  --accent-foreground: hsl(24 9.8% 10%);
  --destructive: hsl(0 84.2% 60.2%);
  --destructive-foreground: hsl(60 9.1% 97.8%);
  --ring: hsl(24.6 95% 53.1%);
  --radius: 0.625rem;
}
body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Roboto', sans-serif;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/roboto.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Pecita';
  src: url('/fonts/pecita.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Spicy';
  src: url('/fonts/spicy.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}