@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: 'DancingScript';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/Dancing_Script/DancingScript-Medium-subset.woff2)
      format('woff2'),
    url(/fonts/Dancing_Script/DancingScript-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 400;
  font-display: swap;
  src: url(/fonts/Inter/Inter-Regular-subset.woff2) format('woff2'),
    url(/fonts/Inter/Inter-Regular-subset.ttf) format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/Inter/Inter-Medium-subset.woff2) format('woff2'),
    url(/fonts/Inter/Inter-Medium-subset.ttf) format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url(/fonts/Inter/Inter-Bold-subset.woff2) format('woff2'),
    url(/fonts/Inter/Inter-Bold-subset.ttf) format('truetype');
}

#carbonads {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  @apply w-full;
}

#carbonads > span {
  @apply relative block w-full rounded-md border-2 border-gray-200 bg-gray-100 p-3 dark:border-gray-700 dark:bg-gray-800;
  box-shadow: 0 0 1px 1px hsla(0, 0%, 0%, 0.05),
    0 0 2px 2px hsla(0, 0%, 0%, 0.05), 0 0 4px 4px hsla(0, 0%, 0%, 0.05);
}

#carbonads .carbon-wrap {
  @apply flex;
}

#carbonads .carbon-img {
  @apply mr-3 rounded-md;
}

#carbonads .carbon-text {
  @apply mb-3 text-sm leading-4 text-gray-800 dark:text-gray-100 lg:text-xs;
}

#carbonads .carbon-poweredby {
  @apply absolute bottom-0 right-0 flex justify-end p-2 text-[8px] font-semibold uppercase tracking-tight text-gray-700 dark:text-gray-200;
}

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}
