<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Nonmetals on Superphysics</title>
    <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/</link>
    <description>Recent content in Nonmetals on Superphysics</description>
    <generator>Hugo</generator>
    <language>en</language>
    <lastBuildDate>Wed, 07 Jan 2026 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Nonmetals</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/unit-01/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/unit-01/</guid>
      <description>&lt;p&gt;Non-metals are found on the upper right side of the periodic table.&lt;/p&gt;&#xA;&lt;p&gt;They are poor conductors of heat and electricity, lack luster, and are often brittle in their solid form. Nonmetals can exist as solids, liquids, or gases at room temperature.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Hydrogen v001</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v001/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v001/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-1&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-1)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-1-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-1-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-1-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;1&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Hydrogen&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;1.008&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-259.14°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-252.87°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Hydrogen (H)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;1&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Rocket fuel, ammonia production, hydrogenation of oils&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Hydrogen is a colorless, odorless, flammable gas; the lightest and most abundant element.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Helium v002</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v002/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v002/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-2&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-2)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-2-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-2-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-2-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;2&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Helium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;4.0026&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-272.20°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-268.93°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Helium (He)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;2&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, odorless, inert gas; very low boiling point; lighter than air.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Cryogenics, MRI coolants, airships, shielding gas in welding.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/physics/balloon.jpg&#34; alt=&#34;Balloon&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Carbon v006</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v006/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v006/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-6&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-6)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-6-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-6-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-6-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-6-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-6-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-6-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;6&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Carbon&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;12.011&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;3550°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;4827°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Carbon (C)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;6&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Basis of all organic life; steel, plastics (polymers), filters.&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Carbon is found in multiple forms (allotropes) like graphite, diamond, and graphene&lt;/p&gt;</description>
    </item>
    <item>
      <title>Nitrogen v007</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v007/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v007/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-7&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-7)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-7-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-7-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-7-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-7-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-7-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;135.19754391161072&#34; cy=&#34;156.3848705297755&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;98.30241829268056&#34; cy=&#34;144.39688456894567&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;98.30247052510408&#34; cy=&#34;105.60304353933165&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;135.19762842539382&#34; cy=&#34;93.6151569304927&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-7-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;7&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Nitrogen&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;14.007&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-210.01°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-195.79°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Nitrogen (N)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;7&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, inert diatomic gas (N₂); makes up 78% of Earth&amp;rsquo;s atmosphere.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Fertilizers (ammonia), inert preserving atmosphere, cryogenics.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/v/007.jpg&#34; alt=&#34;Nitrogen&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Oxygen v008</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v008/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v008/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-8&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-8)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-8-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-8-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-8-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-8-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-8-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;141.49998717371847&#34; cy=&#34;153.57884573013973&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;108.4999743474469&#34; cy=&#34;153.57882351436268&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;108.50005130514609&#34; cy=&#34;96.42113205413503&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;141.50006413135782&#34; cy=&#34;96.42119870146617&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-8-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;8&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Oxygen&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;15.999&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-218.79°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-182.96°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Oxygen (O)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;8&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, reactive diatomic gas (O₂); essential for respiration and combustion.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Medical life support, steelmaking, water treatment, oxidizer.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/diver.jpg&#34; alt=&#34;Diver&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Flourine</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v009/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v009/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-9&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-9)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-9-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-9-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-9-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-9-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-9-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;145.57515353620116&#34; cy=&#34;150.80044683647452&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;117.65678442656069&#34; cy=&#34;157.17261545230662&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;95.26801083513597&#34; cy=&#34;139.31812907821435&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;95.26804939139404&#34; cy=&#34;110.68179085893017&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;117.65687106166298&#34; cy=&#34;92.82736477384924&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;145.5752230120965&#34; cy=&#34;99.19960856881247&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-9-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;9&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Fluorine&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;18.998&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-219.67°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-188.11°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Fluorine (F)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;9&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Toothpaste (fluoride), Teflon, uranium processing, refrigerants.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Pale yellow, corrosive, highly reactive gas; the most electronegative element.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Neon</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v010/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v010/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-10&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-10)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-10-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-10-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-10-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-10-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-10-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-10-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;10&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Neon&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;20.180&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-248.59°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-246.08°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Neon (Ne)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;10&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, odorless, inert gas; emits bright orange-red light when electrified.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Neon signs (lights), high-voltage indicators, cryogenic refrigerant.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/neon.jpg&#34; alt=&#34;Neon&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Phosphorus</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v015/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v015/</guid>
      <description>&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Phosphorus (P)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;15&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Several forms; common white P is waxy, flammable, and toxic.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Fertilizers, detergents, matches, steel production, DNA/bones.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/match.jpg&#34; alt=&#34;Match&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Sulfur</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v016/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v016/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-16&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-16)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-16-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-16-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-16-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-16-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-16-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-16-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;51&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-16-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-16-2 7s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.4999801775649&#34; cy=&#34;169.16730703748868&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.4999603551452&#34; cy=&#34;169.16727270401506&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;74.00000000004623&#34; cy=&#34;124.99993133307943&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.50007928977122&#34; cy=&#34;80.83265862911776&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.50009911209844&#34; cy=&#34;80.83276162953862&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-16-2 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;16&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Sulfur&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;32.06&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;115.21°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;444.72°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Sulfur (S)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;16&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Yellow, brittle solid; burns with a blue flame; distinctive odor when molten.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Sulfuric acid, vulcanization of rubber, fertilizers, fungicides.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/soap.jpg&#34; alt=&#34;Soap&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Chlorine</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v017/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v017/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-17&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-17)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-17-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-17-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-17-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-17-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-17-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-17-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;51&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-17-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-17-2 7s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;156.79796455594726&#34; cy=&#34;164.8734178381879&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;113.65139411377561&#34; cy=&#34;174.72131478992839&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;79.05056219975559&#34; cy=&#34;147.1280176663313&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;79.05062178669988&#34; cy=&#34;102.87185860016481&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;113.65152800438824&#34; cy=&#34;75.27865465049427&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;156.7980719277855&#34; cy=&#34;85.12666778816472&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-17-2 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;17&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Chlorine&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;35.45&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-101.5°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-34.04°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Chlorine (Cl)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;17&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Water purification, PVC plastic, solvents, bleach, pharmaceuticals.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Greenish-yellow, pungent, toxic, reactive gas; a strong disinfectant.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Argon</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v018/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v018/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-18&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-18)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-18-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-18-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-18-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-18-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-18-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-18-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;51&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-18-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-18-2 7s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;161.0624337018006&#34; cy=&#34;161.06245797922318&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99996566653972&#34; cy=&#34;175.99999999998846&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;88.93751774337059&#34; cy=&#34;161.06240942436165&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;74.00000000004623&#34; cy=&#34;124.99993133307943&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;88.9376148530936&#34; cy=&#34;88.93749346598068&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00010300038083&#34; cy=&#34;74.00000000010401&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;161.06253081139286&#34; cy=&#34;88.93763913056523&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-18-2 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;18&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Argon&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;39.948&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-189.34°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-185.85°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Argon&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;18&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, odorless, inert gas; the most abundant noble gas in the atmosphere.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Inert shielding gas for welding, incandescent light bulbs, preservation.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/physics/light.jpg&#34; alt=&#34;Lightbulb&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Selenium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v034/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v034/</guid>
      <description>&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Selenium (Se)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;34&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Photocopiers, solar cells, glass decolorizer, dietary supplement.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Exists in several allotropes; photoconductive properties; essential in tiny amounts.&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/egg.jpg&#34; alt=&#34;Egg&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Bromine</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v035/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v035/</guid>
      <description>&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Bromine (Br)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;35&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Only liquid nonmetal; red-brown, volatile, and corrosive.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Flame retardants, water treatment, pharmaceuticals, photographic film.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Krypton</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v036/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v036/</guid>
      <description>&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Krypton (Kr)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;36&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, odorless, inert gas; produces bright white light in lamps.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Energy-efficient fluorescent bulbs, photographic flash lamps, lasers.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Iodine</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v053/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v053/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-53&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-53)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-53-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-53-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-53-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-53-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-53-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-53-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;51&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-53-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-53-2 7s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.92432105058413&#34; cy=&#34;142.44303447914209&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.0682567905671&#34; cy=&#34;157.78217978332603&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.4999801775649&#34; cy=&#34;169.16730703748868&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.8560270060271&#34; cy=&#34;175.22520070311833&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.14390537025807&#34; cy=&#34;175.22518877922766&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.4999603551452&#34; cy=&#34;169.16727270401506&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.93169907120686&#34; cy=&#34;157.7821271813966&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07565546397964&#34; cy=&#34;142.44296995333124&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;74.00000000004623&#34; cy=&#34;124.99993133307943&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07570243493898&#34; cy=&#34;107.5569009950787&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.9317873477298&#34; cy=&#34;92.21776761480399&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.50007928977122&#34; cy=&#34;80.83265862911776&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.1440406177038&#34; cy=&#34;74.77478737308203&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.85616225344074&#34; cy=&#34;74.77482314475407&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.50009911209844&#34; cy=&#34;80.83276162953862&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.06834506694838&#34; cy=&#34;92.21792542059228&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.9243680213697&#34; cy=&#34;107.5570945725112&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-53-2 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;69&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-53-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-53-3 8.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;194&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;191.83223626956607&#34; cy=&#34;142.1596094130635&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;185.46515376206096&#34; cy=&#34;158.24101653876318&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;175.29882002903392&#34; cy=&#34;172.2337665625647&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;161.97202375274418&#34; cy=&#34;183.2586427890877&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;146.32213726973154&#34; cy=&#34;190.6229111077124&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;129.33250134240996&#34; cy=&#34;193.86384706156065&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;112.0706381898092&#34; cy=&#34;192.77781055169294&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;95.62117508328927&#34; cy=&#34;187.4330413043707&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;81.01769316799295&#34; cy=&#34;178.1653711144311&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;69.17778370287752&#34; cy=&#34;165.55712228052272&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;60.84539237809078&#34; cy=&#34;150.4005181222523&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;56.544074431361864&#34; cy=&#34;133.64790463297757&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;56.544097718864194&#34; cy=&#34;116.35191102753993&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;60.84546077735712&#34; cy=&#34;99.59930912100273&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;69.17789291612672&#34; cy=&#34;84.44272740042072&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;81.01783633294907&#34; cy=&#34;71.83451044930796&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;95.62134320436395&#34; cy=&#34;62.56687958395618&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;112.07082070332793&#34; cy=&#34;57.22215463210337&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;129.33268678036748&#34; cy=&#34;56.136164605337086&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;146.3223139803689&#34; cy=&#34;59.37714630921202&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;161.97218063267275&#34; cy=&#34;66.74145677014384&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;175.29894722090242&#34; cy=&#34;77.76636888329594&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;185.46524327392964&#34; cy=&#34;91.75914628315775&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;191.8322824770703&#34; cy=&#34;107.84057055420888&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-53-3 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;53&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Iodine&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;126.90&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;113.7°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;184.3°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Iodine (I)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;53&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Shiny purple-black solid; sublimes to violet vapor; essential for thyroid.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Antiseptics, dietary supplement, LED lights, pharmaceuticals.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/salt.jpg&#34; alt=&#34;Salt&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Bromine</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v054/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v054/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-54&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-54)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-54-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-54-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-54-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-54-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-54-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-54-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;51&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-54-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-54-2 7s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.92432105058413&#34; cy=&#34;142.44303447914209&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.0682567905671&#34; cy=&#34;157.78217978332603&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.4999801775649&#34; cy=&#34;169.16730703748868&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.8560270060271&#34; cy=&#34;175.22520070311833&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.14390537025807&#34; cy=&#34;175.22518877922766&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.4999603551452&#34; cy=&#34;169.16727270401506&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.93169907120686&#34; cy=&#34;157.7821271813966&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07565546397964&#34; cy=&#34;142.44296995333124&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;74.00000000004623&#34; cy=&#34;124.99993133307943&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07570243493898&#34; cy=&#34;107.5569009950787&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.9317873477298&#34; cy=&#34;92.21776761480399&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.50007928977122&#34; cy=&#34;80.83265862911776&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.1440406177038&#34; cy=&#34;74.77478737308203&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.85616225344074&#34; cy=&#34;74.77482314475407&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.50009911209844&#34; cy=&#34;80.83276162953862&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.06834506694838&#34; cy=&#34;92.21792542059228&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.9243680213697&#34; cy=&#34;107.5570945725112&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-54-2 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;69&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-54-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-54-3 8.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;194&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;191.99498369216826&#34; cy=&#34;141.5127877745131&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;186.09645912793886&#34; cy=&#34;157.0659115265432&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176.64722740712125&#34; cy=&#34;170.75547946592957&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.19644399918562&#34; cy=&#34;181.78590298497247&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;149.46770379625343&#34; cy=&#34;189.51613341590462&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.3169883722579&#34; cy=&#34;193.49691748112267&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.68291940280079&#34; cy=&#34;193.49690628298254&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;100.53220933858822&#34; cy=&#34;189.51610047228002&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.80347954373055&#34; cy=&#34;181.78585021042875&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;73.35271098728099&#34; cy=&#34;170.75540992753398&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;63.90349769824594&#34; cy=&#34;157.06582926561794&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;58.00499407490646&#34; cy=&#34;141.51269757176826&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;56.00000000006254&#34; cy=&#34;124.9999070976957&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;58.00503854087847&#34; cy=&#34;108.48712202277198&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;63.90358404598711&#34; cy=&#34;92.93400621258967&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;73.35283419857015&#34; cy=&#34;79.24445099575775&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.80363245796931&#34; cy=&#34;68.2140442405867&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;100.53238306894929&#34; cy=&#34;60.48383364058772&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.6831038526985&#34; cy=&#34;56.503071320861395&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.3171728221254&#34; cy=&#34;56.50310491528175&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;149.4678775265258&#34; cy=&#34;60.48393247146154&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.1965969132823&#34; cy=&#34;68.21420256421797&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176.64735061822316&#34; cy=&#34;79.24465961094461&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;186.09654547545853&#34; cy=&#34;92.93425299536545&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;191.99502815789737&#34; cy=&#34;108.48739263100654&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-54-3 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;54&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Xenon&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;131.29&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-111.75°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-108.04°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Xenon (Xe)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;54&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, odorless, inert gas; densest stable noble gas.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;High-intensity lamps (car headlights), ion thrusters, anesthesia.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Astatine</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v085/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v085/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-85&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-85)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-85-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-85-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-85-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-85-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-85-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-85-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;51&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-85-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-85-2 7s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.92432105058413&#34; cy=&#34;142.44303447914209&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.0682567905671&#34; cy=&#34;157.78217978332603&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.4999801775649&#34; cy=&#34;169.16730703748868&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.8560270060271&#34; cy=&#34;175.22520070311833&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.14390537025807&#34; cy=&#34;175.22518877922766&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.4999603551452&#34; cy=&#34;169.16727270401506&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.93169907120686&#34; cy=&#34;157.7821271813966&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07565546397964&#34; cy=&#34;142.44296995333124&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;74.00000000004623&#34; cy=&#34;124.99993133307943&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07570243493898&#34; cy=&#34;107.5569009950787&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.9317873477298&#34; cy=&#34;92.21776761480399&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.50007928977122&#34; cy=&#34;80.83265862911776&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.1440406177038&#34; cy=&#34;74.77478737308203&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.85616225344074&#34; cy=&#34;74.77482314475407&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.50009911209844&#34; cy=&#34;80.83276162953862&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.06834506694838&#34; cy=&#34;92.21792542059228&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.9243680213697&#34; cy=&#34;107.5570945725112&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-85-2 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;69&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-85-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-85-3 8.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;194&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;192.67418321505139&#34; cy=&#34;138.4612379139386&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;188.7476832992563&#34; cy=&#34;151.405167562008&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;182.37139357129476&#34; cy=&#34;163.33436056187188&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;173.79035147890667&#34; cy=&#34;173.79038432483134&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;163.33432193914825&#34; cy=&#34;182.37141937816892&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;151.40512464673628&#34; cy=&#34;188.7477010753354&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;138.46119235533&#34; cy=&#34;192.67419227721012&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99995354884786&#34; cy=&#34;193.99999999998437&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;111.53871652745894&#34; cy=&#34;192.67417415286198&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;98.59478952273224&#34; cy=&#34;188.7476655231483&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;86.66560081542185&#34; cy=&#34;182.3713677643946&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;76.2095828292661&#34; cy=&#34;173.7903186329599&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;67.62855481498289&#34; cy=&#34;163.33428331640724&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;61.25228114861436&#34; cy=&#34;151.40508173145258&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;57.32579866066183&#34; cy=&#34;138.46114679671535&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;56.00000000006254&#34; cy=&#34;124.9999070976957&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;57.32583490935809&#34; cy=&#34;111.53867096886258&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;61.2523522529886&#34; cy=&#34;98.59474660748447&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;67.62865804253158&#34; cy=&#34;86.66556219273296&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;76.20971421300901&#34; cy=&#34;76.20954998338564&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;86.66575530635114&#34; cy=&#34;67.62852900816073&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;98.59496118384305&#34; cy=&#34;61.25226337259302&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;111.53889876190541&#34; cy=&#34;57.32578959856444&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00013935345642&#34; cy=&#34;56.000000000140716&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;138.46137458972765&#34; cy=&#34;57.32584397160882&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;151.40529630775137&#34; cy=&#34;61.252370029154406&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;163.33447642993855&#34; cy=&#34;67.62868384948376&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;173.79048286247271&#34; cy=&#34;76.20974705900002&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;182.37149679863543&#34; cy=&#34;86.66579392912689&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;188.74775440339943&#34; cy=&#34;98.59500409915066&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;192.67421946350225&#34; cy=&#34;111.53894432053225&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-85-3 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;87&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-85-4&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-85-4 10s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;212&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;209.26673268771373&#34; cy=&#34;146.63602925994962&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;201.23867213477251&#34; cy=&#34;166.91258607061442&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;188.42025134095582&#34; cy=&#34;184.55561870932073&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;171.61689951432962&#34; cy=&#34;198.4565496036323&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;151.88443394879192&#34; cy=&#34;207.74193139668088&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;130.4627190839082&#34; cy=&#34;211.8283289037069&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;108.69776119584638&#34; cy=&#34;210.4589785216998&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;87.95713380066908&#34; cy=&#34;203.71992164464132&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;69.54404790746938&#34; cy=&#34;192.034598361674&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;54.615466407976&#34; cy=&#34;176.13724113631127&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;44.109407781070985&#34; cy=&#34;157.0267402411007&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;38.68600689171713&#34; cy=&#34;135.9038797546239&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;38.68603625422007&#34; cy=&#34;114.09588781733295&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;44.10949402362418&#34; cy=&#34;92.97304193517735&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;54.615604111638035&#34; cy=&#34;73.86256933096526&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;69.54422841980535&#34; cy=&#34;57.96525230564916&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;87.95734577941542&#34; cy=&#34;46.27997860585779&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;108.69799132158738&#34; cy=&#34;39.54097757960861&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;130.4629528969851&#34; cy=&#34;38.17168580672937&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;151.88465675785642&#34; cy=&#34;42.25814099857169&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;171.61709731945695&#34; cy=&#34;51.543575927572675&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;188.42041171331175&#34; cy=&#34;65.44455207024271&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;201.23878499756347&#34; cy=&#34;83.08761922659019&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;209.2667909493495&#34; cy=&#34;103.36419765530685&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-85-4 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;85&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Astatine&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;210&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;302°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;337°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Astatine (At)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;85&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Radioactive, extremely rare; heaviest halogen. Properties are inferred.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;No significant uses due to rarity; potential in targeted radiotherapy.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Radon</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v086/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-04/section-02/v086/</guid>
      <description>&lt;div class=&#34;atom-card hover:scale-105 bg-black rounded-lg overflow-hidden shadow-2xl transition-all duration-300 border border-gray-800&#34;&gt;&#xA;  &lt;div class=&#34;flex flex-row items-center p-3 h-64 w-full&#34;&gt;&#xA;    &lt;div class=&#34;w-2/3 h-full flex justify-center items-center overflow-hidden&#34;&gt;&#xA;      &lt;svg viewBox=&#34;0 0 250 250&#34; class=&#34;w-full h-full&#34;&gt;&#xA;        &lt;defs&gt;&#xA;          &lt;radialGradient id=&#34;nucleusGlow-86&#34;&gt;&#xA;            &lt;stop offset=&#34;20%&#34; stop-color=&#34;#ff4444&#34; /&gt;&#xA;            &lt;stop offset=&#34;100%&#34; stop-color=&#34;#330000&#34; /&gt;&#xA;          &lt;/radialGradient&gt;&#xA;        &lt;/defs&gt;&#xA;        &#xA;        &#xA;        &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;6&#34; fill=&#34;url(#nucleusGlow-86)&#34; class=&#34;animate-pulse&#34; /&gt;&#xA;        &#xA;        &#xA;        &#xA;        &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;15&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-86-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-86-0 4s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;110.0000000000136&#34; cy=&#34;124.9999798038469&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-86-0 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;33&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-86-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-86-1 5.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;158&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.3345159246945&#34; cy=&#34;148.334531633615&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99997778423158&#34; cy=&#34;157.99999999999253&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66545265747509&#34; cy=&#34;148.33450021576343&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;92.00000000002991&#34; cy=&#34;124.99995556846316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;101.66551549317822&#34; cy=&#34;101.66543694857575&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00006664730525&#34; cy=&#34;92.0000000000673&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;148.33457876031304&#34; cy=&#34;101.66553120213044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-86-1 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;51&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-86-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-86-2 7s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;176&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.92432105058413&#34; cy=&#34;142.44303447914209&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.0682567905671&#34; cy=&#34;157.78217978332603&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.4999801775649&#34; cy=&#34;169.16730703748868&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.8560270060271&#34; cy=&#34;175.22520070311833&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.14390537025807&#34; cy=&#34;175.22518877922766&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.4999603551452&#34; cy=&#34;169.16727270401506&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.93169907120686&#34; cy=&#34;157.7821271813966&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07565546397964&#34; cy=&#34;142.44296995333124&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;74.00000000004623&#34; cy=&#34;124.99993133307943&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;77.07570243493898&#34; cy=&#34;107.5569009950787&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;85.9317873477298&#34; cy=&#34;92.21776761480399&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;99.50007928977122&#34; cy=&#34;80.83265862911776&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;116.1440406177038&#34; cy=&#34;74.77478737308203&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;133.85616225344074&#34; cy=&#34;74.77482314475407&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;150.50009911209844&#34; cy=&#34;80.83276162953862&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;164.06834506694838&#34; cy=&#34;92.21792542059228&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.9243680213697&#34; cy=&#34;107.5570945725112&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-86-2 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;69&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-86-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-86-3 8.5s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;194&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;192.67418321505139&#34; cy=&#34;138.4612379139386&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;188.7476832992563&#34; cy=&#34;151.405167562008&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;182.37139357129476&#34; cy=&#34;163.33436056187188&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;173.79035147890667&#34; cy=&#34;173.79038432483134&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;163.33432193914825&#34; cy=&#34;182.37141937816892&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;151.40512464673628&#34; cy=&#34;188.7477010753354&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;138.46119235533&#34; cy=&#34;192.67419227721012&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;124.99995354884786&#34; cy=&#34;193.99999999998437&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;111.53871652745894&#34; cy=&#34;192.67417415286198&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;98.59478952273224&#34; cy=&#34;188.7476655231483&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;86.66560081542185&#34; cy=&#34;182.3713677643946&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;76.2095828292661&#34; cy=&#34;173.7903186329599&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;67.62855481498289&#34; cy=&#34;163.33428331640724&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;61.25228114861436&#34; cy=&#34;151.40508173145258&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;57.32579866066183&#34; cy=&#34;138.46114679671535&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;56.00000000006254&#34; cy=&#34;124.9999070976957&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;57.32583490935809&#34; cy=&#34;111.53867096886258&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;61.2523522529886&#34; cy=&#34;98.59474660748447&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;67.62865804253158&#34; cy=&#34;86.66556219273296&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;76.20971421300901&#34; cy=&#34;76.20954998338564&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;86.66575530635114&#34; cy=&#34;67.62852900816073&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;98.59496118384305&#34; cy=&#34;61.25226337259302&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;111.53889876190541&#34; cy=&#34;57.32578959856444&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;125.00013935345642&#34; cy=&#34;56.000000000140716&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;138.46137458972765&#34; cy=&#34;57.32584397160882&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;151.40529630775137&#34; cy=&#34;61.252370029154406&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;163.33447642993855&#34; cy=&#34;67.62868384948376&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;173.79048286247271&#34; cy=&#34;76.20974705900002&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;182.37149679863543&#34; cy=&#34;86.66579392912689&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;188.74775440339943&#34; cy=&#34;98.59500409915066&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;192.67421946350225&#34; cy=&#34;111.53894432053225&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-86-3 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;            &#xA;            &#xA;              &#xA;              &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &#xA;            &lt;circle cx=&#34;125&#34; cy=&#34;125&#34; r=&#34;87&#34; fill=&#34;none&#34; stroke=&#34;#222&#34; stroke-width=&#34;1&#34; /&gt;&#xA;            &#xA;            &#xA;            &lt;g class=&#34;orbit-anim-86-4&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-86-4 10s linear infinite;&#34;&gt;&#xA;              &#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;212&#34; cy=&#34;125&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;209.47193595969043&#34; cy=&#34;145.82047154177738&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;202.0346658569664&#34; cy=&#34;165.43093192477187&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;190.12041716550073&#34; cy=&#34;182.69169150051988&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;174.42160330332098&#34; cy=&#34;196.59961680713923&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;155.85058304744996&#34; cy=&#34;206.34642908961888&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;135.4866375128469&#34; cy=&#34;211.36567856315466&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;114.51324620353144&#34; cy=&#34;211.36566444376058&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;94.14930742691557&#34; cy=&#34;206.34638755200524&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;75.57830029426896&#34; cy=&#34;196.5995502653232&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;59.879505157876025&#34; cy=&#34;182.69160382167325&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;47.96527970648401&#34; cy=&#34;165.4308282044748&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;40.528036007490755&#34; cy=&#34;145.82035780788172&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;38.000000000078856&#34; cy=&#34;124.99988286231198&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;40.528092073281556&#34; cy=&#34;104.17941472436468&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;47.96538857972287&#34; cy=&#34;84.56896435500437&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;59.879660511240616&#34; cy=&#34;67.30822082073803&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;75.5784930991787&#34; cy=&#34;53.400316651174535&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;94.1495264782404&#34; cy=&#34;43.65352937291496&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;114.51347877079375&#34; cy=&#34;38.634307317607835&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;135.48687008007116&#34; cy=&#34;38.634349675790034&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;155.85080209866297&#34; cy=&#34;43.65365398575587&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;174.4217961080516&#34; cy=&#34;53.40051627662267&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;190.12057251862922&#34; cy=&#34;67.30848385727799&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;202.03477472992597&#34; cy=&#34;84.56927551589555&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;209.47199202517498&#34; cy=&#34;104.17975592605174&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-86-4 {&#xA;                from { transform: rotate(0deg); }&#xA;                to { transform: rotate(360deg); }&#xA;              }&#xA;            &lt;/style&gt;&#xA;          &#xA;        &#xA;          &#xA;        &#xA;          &#xA;        &#xA;      &lt;/svg&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;w-1/3 flex flex-col justify-center pl-4 border-l border-gray-900&#34;&gt;&#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;text-3xl font-black text-white block leading-none&#34;&gt;86&lt;/span&gt;&#xA;        &lt;span class=&#34;text-[9px] text-blue-500 font-mono font-bold uppercase tracking-tighter&#34;&gt;Atomic Number&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &lt;h2 class=&#34;text-xl font-bold text-white leading-tight mb-3&#34;&gt;&#xA;        Radon&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Atomic Weight&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;222&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div class=&#34;mb-2&#34;&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Melting Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-71°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;      &#xA;      &#xA;      &lt;div&gt;&#xA;        &lt;span class=&#34;block text-[9px] text-gray-500 uppercase tracking-wide&#34;&gt;Boiling Point&lt;/span&gt;&#xA;        &lt;span class=&#34;text-xs font-mono text-gray-400&#34;&gt;-61.7°C&lt;/span&gt;&#xA;      &lt;/div&gt;&#xA;      &#xA;    &lt;/div&gt;&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;style&gt;&#xA;  .atom-card {&#xA;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&#xA;  }&#xA;&lt;/style&gt;&#xA;&#xA;&#xA;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th style=&#34;text-align: left&#34;&gt;Major Use(s)&lt;/th&gt;&#xA;          &lt;th&gt;&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;&lt;strong&gt;Radon (Rn)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;86&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Colorless, radioactive, dense gas; health hazard in basements.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Limited uses; sometimes used in radiation therapy or earth science.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Radon&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
