01<!doctype html>
02<html>
03<head>
04 <meta charset="UTF-8">
05 <meta name="viewport" content="width=device-width,initial-scale=1.0">
06 <title>Rainbow Symbols</title>
07 <style>
08 body{margin:0;display:grid;place-items:center;background:#050510;}
09 .realm{font-size:12vw;font-weight:900;}
10 .symbol{background:linear-gradient(90deg,red,orange,yellow,lime,cyan,blue,violet);}
11 .symbol{-webkit-background-clip:text;color:transparent;}
12 .symbol{filter:drop-shadow(0 0 22px cyan);}
13 @keyframes pop{50%{scale:1.12;rotate:4deg}}
14 </style>
15</head>
16<body>
17 <main class="realm">
18 <div class="symbol"></> {} () # CSS HTML var(--glow);</div>
19 </main>
20</body>
21</html>