<div class="header">
<h1>GD DEMON LIST</h1>
<p>GEOMETRY DASH • TOP 50</p>
</div>
<h2>THE HARDEST DEMONS</h2>
<div id="rankings"></div>
<footer>GEOMETRY DASH DEMON LIST</footer>
<script>
const levels = [
"GRIEF",
"Artemis 13",
"Society",
"Thinking Space II",
"Amethyst",
"Flamewall",
"Tidal Wave",
"Green Bullet",
"ORBIT",
"Antarctic Lights",
"Nullscapes",
"Quanteuse processing",
"BOOBAWAMBA",
"The Bloop",
"Every End",
"Ashley Wave Trials",
"Silent clubstep",
"Ultra Paracosm",
"Penumbral",
"andromeda",
"KILLSTEALER",
"Anathema",
"Defeated Circles",
"Avernus",
"FOREST OF SPIKES",
"Acheron",
"Spectre",
"Menace",
"Abyss of Darkness",
"Tunnel of Despair",
"Kyouki",
"Sacrifice",
"Based After Based",
"cognitohazard",
"The Lightning Rod",
"Maniacal Chains",
"Slaughterhouse",
"Subterminal Point",
"KOCMOC",
"BEING HOME",
"Deimos",
"CHIL",
"zorin",
"Prismline",
"Sakupen Circles",
"The Salt Factory",
"Master of Puppets",
"Silentlocked",
"Eyes in the Water",
"id 15366654"
];
const rankings = document.getElementById("rankings");
levels.forEach((name, index) => {
const item = document.createElement("div");
item.className = "rank";
item.textContent = "#" + (index + 1) + " — " + name;
rankings.appendChild(item);
});
</script>