html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: system-ui, -apple-system, sans-serif;
}

body {
	overflow-x: hidden;
}

curved-marquee {
	display: block;
	width: 100%;
	height: 100vh;
	cursor: help;
}

/* Import custom fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Playfair+Display:wght@900&family=Roboto+Mono:wght@700&display=swap');

/* Fast Marquee - Bold and energetic */
curved-marquee:nth-of-type(2) {
	--curved-marquee-font-family: 'Space Grotesk', sans-serif;
	--curved-marquee-font-weight: 700;
	--curved-marquee-font-size: 64px;
	--curved-marquee-color: #ff6b6b;
	--curved-marquee-letter-spacing: 0.05em;
	background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%);
}

/* Slow Right - Elegant serif */
curved-marquee:nth-of-type(3) {
	--curved-marquee-font-family: 'Playfair Display', serif;
	--curved-marquee-font-weight: 900;
	--curved-marquee-font-size: 56px;
	--curved-marquee-color: #2d3436;
	--curved-marquee-letter-spacing: 0.02em;
	background: linear-gradient(135deg, #dfe6e9 0%, #b2bec3 100%);
}

/* Paused - Minimalist */
curved-marquee:nth-of-type(4) {
	--curved-marquee-font-family: 'Roboto Mono', monospace;
	--curved-marquee-font-weight: 700;
	--curved-marquee-font-size: 48px;
	--curved-marquee-color: #00b894;
	--curved-marquee-letter-spacing: 0.1em;
	background: #2d3436;
}

/* Scroll High Sensitivity - Vibrant */
curved-marquee:nth-of-type(5) {
	--curved-marquee-font-family: 'Space Grotesk', sans-serif;
	--curved-marquee-font-weight: 700;
	--curved-marquee-font-size: 68px;
	--curved-marquee-color: #fd79a8;
	--curved-marquee-letter-spacing: -0.02em;
	background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
}

/* Scroll Right Direction - Tech style */
curved-marquee:nth-of-type(6) {
	--curved-marquee-font-family: 'Roboto Mono', monospace;
	--curved-marquee-font-weight: 700;
	--curved-marquee-font-size: 52px;
	--curved-marquee-color: #00cec9;
	--curved-marquee-letter-spacing: 0.08em;
	background: linear-gradient(135deg, #2d3436 0%, #636e72 100%);
}

/* Custom Styled - Gold gradient */
curved-marquee.custom-style {
	--curved-marquee-font-family: 'Space Grotesk', 'Courier New', monospace;
	--curved-marquee-font-weight: 700;
	--curved-marquee-font-size: 72px;
	--curved-marquee-color: #ffd700;
	--curved-marquee-letter-spacing: 0.03em;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Debug - Wide letter spacing */
curved-marquee:nth-of-type(8) {
	--curved-marquee-font-family: 'Roboto Mono', monospace;
	--curved-marquee-font-weight: 700;
	--curved-marquee-font-size: 64px;
	--curved-marquee-color: #111111;
	--curved-marquee-letter-spacing: 0.5em;
	background: #ffffff;
}

.sentinel {
	height: 1px;
	width: 1px;
}

.spacer-sm {
	height: 40vh;
}

.spacer-lg {
	height: 140vh;
}

.spacer-xl {
	height: 120vh;
}