/* glass-letters.css Tifinagh & Nabataean liquid glass background Usage: add

as the first child of Then import glass-letters.js */ #glass-letters-bg { position: fixed; inset: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0; background: transparent; /* site controls the bg color */ } .gl-glyph { position: absolute; pointer-events: none; user-select: none; font-style: italic; color: transparent; will-change: opacity, transform; animation: gl-breathe linear infinite; } @keyframes gl-breathe { 0% { opacity: 0; transform: translate(0, 0) rotate(var(--gl-r0)); } 8% { opacity: var(--gl-peak); } 50% { opacity: var(--gl-peak); transform: translate(var(--gl-mx), var(--gl-my)) rotate(var(--gl-r1)); } 92% { opacity: var(--gl-peak); } 100% { opacity: 0; transform: translate(var(--gl-mx2), var(--gl-my2)) rotate(var(--gl-r2)); } }