import { useState } from "react";
const GOLD = "#C9A227";
const VOID = "#0A0A0B";
const EMBER = "#1A1108";
const SMOKE = "#2C2C2E";
const PARCHMENT = "#EAE0CA";
const PARCHMENT_DIM = "#A89878";
const CRIMSON = "#7A0000";
const fonts = `
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Mono:wght@400;500&display=swap');
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: ${VOID}; color: ${PARCHMENT}; }
@media print {
body { background: #fff !important; color: #111 !important; }
.no-print { display: none !important; }
.section-card { break-inside: avoid; page-break-inside: avoid; background: #f9f6f0 !important; border: 1px solid #ccc !important; }
textarea, input { border: 1px solid #999 !important; background: #fff !important; color: #111 !important; }
.film-hole { background: #111 !important; }
.cover-band { background: #111 !important; }
}
`;
top of page
B-Creative Mime Education: Welcome bottom of page