.h-1 { font-family: 'Nabla'; font-size: 5rem; }
.h-2 { font-family: 'Bungee Shade'; color: #ff0055; text-shadow: 3px 3px #fff; }
.h-3 { font-family: 'Monoton'; color: #00f2ff; text-shadow: 0 0 10px #00f2ff; }
.h-4 { font-family: 'Press Start 2P'; font-size: 1.5rem; color: #39ff14; }
.h-5 { font-family: 'Pacifico'; color: #ff00d4; font-size: 3rem; }
.h-6 { font-family: 'Faster One'; color: #ffae00; font-style: italic; }
.h-7 { font-family: 'Rubik Glitch'; font-size: 4rem; color: #ff3e3e; }
.h-8 { font-family: 'Fascinate Inline'; color: #bcbcbc; border-bottom: 4px double gold; }
.h-9 { font-family: 'Orbitron'; font-weight: 900; letter-spacing: 10px; color: #fff; background: linear-gradient(90deg, red, blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.h-10 { font-family: 'Fredericka the Great'; color: #a5f3fc; font-size: 3.5rem; }

.h-11 { font-family: 'Special Elite'; color: #fbbf24; transform: rotate(-3deg); }
.h-12 { text-transform: uppercase; background: repeating-linear-gradient(45deg, #f3ce13, #f3ce13 10px, #f9a8d4 10px, #f9a8d4 20px); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.h-13 { font-family: 'Righteous'; color: #22d3ee; text-shadow: 5px 5px 0px #312e81; }
.h-14 { font-style: italic; color: #f472b6; text-decoration: underline wavy #6366f1; }
.h-15 { font-family: 'Orbitron'; color: transparent; -webkit-text-stroke: 2px #4ade80; }
.h-16 { filter: blur(1px); color: #c084fc; transition: 0.3s; }
.h-16:hover { filter: blur(0); }
.h-17 { background: linear-gradient(to right, #ef4444, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 4rem; }
.h-18 { border-left: 10px solid #facc15; padding-left: 20px; color: #facc15; }
.h-19 { font-family: 'Press Start 2P'; color: #fff; text-shadow: 2px 2px 0 #ff0000, 4px 4px 0 #0000ff; }
.h-20 { font-variant: small-caps; letter-spacing: 5px; color: #94a3b8; }

.h-21 { font-family: 'Pacifico'; background: #fff; color: #000; padding: 10px 30px; border-radius: 50px; }
.h-22 { animation: rainbow 3s infinite; }
.h-23 { font-family: 'Nabla'; font-size: 2rem; filter: hue-rotate(90deg); }
.h-24 { box-shadow: inset 0 -20px 0 rgba(255, 0, 255, 0.3); }
.h-25 { font-family: 'Monoton'; color: #fb7185; }
.h-26 { font-family: 'Fascinate Inline'; color: #60a5fa; text-shadow: -3px -3px 0 #fff; }
.h-27 { border: 2px dashed #4ade80; padding: 10px; color: #4ade80; }
.h-28 { font-family: 'Rubik Glitch'; color: #fde047; }
.h-29 { font-family: 'Bungee Shade'; color: #818cf8; }
.h-30 { font-family: 'Orbitron'; font-size: 3.5rem; color: #f8fafc; text-shadow: 0 0 20px rgba(255,255,255,0.5); }
.h-31 { font-family: 'Faster One'; color: #fb923c; }

@keyframes rainbow {
    0% { color: red; }
    20% { color: yellow; }
    40% { color: lime; }
    60% { color: cyan; }
    80% { color: blue; }
    100% { color: magenta; }
}