<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Metals on Superphysics</title>
    <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/</link>
    <description>Recent content in Metals 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-05/section-04/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Metals</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/unit-01/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/unit-01/</guid>
      <description>&lt;p&gt;These elements are:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;found on the left side and in the center of the periodic table&lt;/li&gt;&#xA;&lt;li&gt;good conductors of heat and electricity, shiny, malleable (can be hammered into thin sheets), and ductile (can be drawn into wires).&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Most metals are solid at room temperature (with mercury being an exception). Examples include iron, copper, and gold.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Lithium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v003/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v003/</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-3&#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-3)&#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-3-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-3-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-3-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-3-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-3-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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-3-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;3&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;        Lithium&#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;6.94&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;180.54°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;1342°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Lithium (Li)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;3&lt;/td&gt;&#xA;          &lt;td&gt;Rechargeable batteries, ceramics/glass, mood-stabilizing drugs, alloys&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;Lithium of the lightest solid element. Soft, silvery-white alkali metal. Very reactive&lt;/p&gt;</description>
    </item>
    <item>
      <title>Beryllium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v004/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v004/</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-4&#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-4)&#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-4-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-4-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-4-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-4-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-4-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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-4-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;4&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;        Beryllium&#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;9.0122&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;1287°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;2469°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Beryllium (Be)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;4&lt;/td&gt;&#xA;          &lt;td&gt;Rechargeable batteries, ceramics/glass, mood-stabilizing drugs, alloys&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;Steel-gray, very light, stiff metal; brittle and toxic. Low neutron absorption. Aerospace structural components, X-ray windows, satellites, alloying agent.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Sodium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v011/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v011/</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-11&#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-11)&#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-11-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-11-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-11-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-11-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-11-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-11-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-11-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-11-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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-11-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;11&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;        Sodium&#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;22.990&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;97.72°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;883°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;Sodium (Na) 11  Soft, silvery-white alkali metal; highly reactive; floats and fizzes in water.  Table salt (NaCl), street lights, chemical synthesis, coolant in nuclear reactors.&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Magnesium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v012/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v012/</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-12&#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-12)&#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-12-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-12-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-12-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-12-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-12-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-12-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-12-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-12-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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-12-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;12&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;        Magnesium&#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;24.305&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;650°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;1090°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;Magnesium (Mg)  12  Lightweight, silvery-white metal; burns with an intense bright white flame. Lightweight alloys (aircraft, cars)&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;          &lt;td&gt;&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;&lt;img src=&#34;https://www.superphysics.org/photos/physics]/wire.jpg&#34; alt=&#34;Space&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Aluminum</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v013/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v013/</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-13&#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-13)&#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-13-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-13-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-13-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-13-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-13-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-13-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-13-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-13-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;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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-13-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;13&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;        Aluminium&#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;26.982&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;660.32°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;2519°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Aluminium (Al)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;13&lt;/td&gt;&#xA;          &lt;td&gt;Silvery-white, lightweight, malleable metal; forms a protective oxide layer.&lt;/td&gt;&#xA;          &lt;td&gt;Aerospace, vehicles, cans/foil, construction, electrical wiring&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Potassium 19</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v019/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v019/</guid>
      <description>&lt;p&gt;Soft, silvery alkali metal; very reactive, ignites in water. Essential electrolyte.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-19&#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-19)&#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-19-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-19-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-19-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-19-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-19-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-19-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-19-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-19-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;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;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;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;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;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;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;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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-19-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;19&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;        Potassium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&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&gt;&lt;strong&gt;Potassium (K)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;19&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Fertilizer, soaps, dietary supplement, liquid detergents, low-temperature alloys.&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;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/rocket.jpg&#34; alt=&#34;Rocket&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Calcium 20</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v020/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v020/</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-20&#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-20)&#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-20-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-20-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-20-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-20-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-20-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-20-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-20-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-20-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;166.25985864084018&#34; cy=&#34;154.97705897745618&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140.75984059067113&#34; cy=&#34;173.50389081874397&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;109.24009410320947&#34; cy=&#34;173.50386959948978&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;83.74010099777902&#34; cy=&#34;154.9770034247342&#34; r=&#34;2.5&#34; fill=&#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;83.7401817206154&#34; cy=&#34;95.02288546987619&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;109.24022471547686&#34; cy=&#34;76.49608796208977&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140.75997120288136&#34; cy=&#34;76.49615161985237&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;166.25993936352694&#34; cy=&#34;95.02305212804212&#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-20-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;20&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;        Calcium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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;Calcium (Ca)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;20&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Steelmaking (desulfurizer), cement/mortar, dietary supplement (bones), antacid.&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/city.jpg&#34; alt=&#34;Buildings&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Scandium 21</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v021/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v021/</guid>
      <description>&lt;p&gt;Malleable, ductile, silvery metal; ferromagnetic; core of Earth; rusts easily.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-21&#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-21)&#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-21-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-21-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-21-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-21-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-21-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-21-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-21-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-21-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;167.9039234245453&#34; cy=&#34;152.5726921931964&#34; r=&#34;2.5&#34; fill=&#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.18614294977442&#34; cy=&#34;171.39124213590023&#34; r=&#34;2.5&#34; fill=&#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.74190617461515&#34; cy=&#34;175.48088820555665&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;91.60206482699122&#34; cy=&#34;163.5431955885796&#34; r=&#34;2.5&#34; fill=&#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.06584075869083&#34; cy=&#34;139.36830050305872&#34; r=&#34;2.5&#34; fill=&#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.06587945012117&#34; cy=&#34;110.63156772609044&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;91.60216861701622&#34; cy=&#34;86.4567144769185&#34; r=&#34;2.5&#34; fill=&#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.74204211060773&#34; cy=&#34;74.51909224988314&#34; r=&#34;2.5&#34; fill=&#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.1862678729815&#34; cy=&#34;78.60881491474622&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;167.90399767269815&#34; cy=&#34;97.42742333946441&#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-21-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;21&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;        Scandium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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;Scandium (Sc)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;21&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Silvery-white, light transition metal; improves aluminum alloy properties.&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;High-performance aluminum-scandium alloys (aerospace, sports equipment).&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Titanium 22</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v022/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v022/</guid>
      <description>&lt;p&gt;Strong, lustrous, corrosion-resistant metal; low density; biocompatible&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-22&#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-22)&#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-22-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-22-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-22-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-22-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-22-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-22-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-22-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-22-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;169.16728987076186&#34; cy=&#34;150.5000099112156&#34; r=&#34;2.5&#34; fill=&#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;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;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;80.83267579580453&#34; cy=&#34;150.4999504439026&#34; r=&#34;2.5&#34; fill=&#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;80.83274446275178&#34; cy=&#34;99.49993062151759&#34; r=&#34;2.5&#34; fill=&#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;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;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;169.16735853754898&#34; cy=&#34;99.50010902345662&#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-22-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;22&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;        Titanium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&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&gt;&lt;strong&gt;Titanium (Ti)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;22&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Aircraft/jet engines, medical implants, paints (white pigment), sporting goods.&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Vanadium v023</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v023/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v023/</guid>
      <description>&lt;p&gt;Hard, silvery-gray, ductile metal; improves steel strength.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-23&#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-23)&#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-23-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-23-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-23-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-23-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-23-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-23-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-23-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-23-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;170.15825239891132&#34; cy=&#34;148.70089112831454&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;153.97128469505023&#34; cy=&#34;166.97218916280573&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;131.14733923166887&#34; cy=&#34;175.62815639909067&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;106.91511125026085&#34; cy=&#34;172.6858133925548&#34; r=&#34;2.5&#34; fill=&#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.82591681668595&#34; cy=&#34;158.81921603339467&#34; r=&#34;2.5&#34; fill=&#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.48195214232217&#34; cy=&#34;137.2050373356548&#34; r=&#34;2.5&#34; fill=&#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.48198500847539&#34; cy=&#34;112.7948293211793&#34; r=&#34;2.5&#34; fill=&#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.82600788589967&#34; cy=&#34;91.18068117077746&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;106.91523965965817&#34; cy=&#34;77.31413790826049&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;131.14747556417964&#34; cy=&#34;74.37186015477347&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;153.971397718513&#34; cy=&#34;83.02788885181329&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;170.15831622099108&#34; cy=&#34;101.29923047483533&#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-23-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;23&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;        Vanadium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Vanadium (V)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;23&lt;/td&gt;&#xA;          &lt;td&gt;Steel alloying agent (tools, structural), redox batteries, catalyst.&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;&lt;img src=&#34;https://www.superphysics.org/photos/physics/gauge.jpg&#34; alt=&#34;Gauge&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Chromium 24</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v024/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v024/</guid>
      <description>&lt;p&gt;Hard, brittle, lustrous metal; resists tarnishing; gives ruby/sapphire color.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-24&#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-24)&#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-24-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-24-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-24-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-24-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-24-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-24-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-24-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-24-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;170.9494080068139&#34; cy=&#34;147.1280795331033&#34; r=&#34;2.5&#34; fill=&#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;136.34853894092836&#34; cy=&#34;174.72133006976213&#34; r=&#34;2.5&#34; fill=&#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;93.2019817581048&#34; cy=&#34;164.87337502504772&#34; r=&#34;2.5&#34; fill=&#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;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;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;93.20208913005833&#34; cy=&#34;85.12653934874419&#34; r=&#34;2.5&#34; fill=&#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;136.34867283149987&#34; cy=&#34;75.27870048999546&#34; r=&#34;2.5&#34; fill=&#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;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;170.9494675935916&#34; cy=&#34;102.87204420048083&#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-24-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;24&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;        Chromium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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;Chromium (Cr)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;24&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Stainless steel, chrome plating, dyes/pigments (chrome yellow, green).&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Manganese 25</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v025/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v025/</guid>
      <description>&lt;p&gt;Hard, brittle, gray-white metal; essential in steelmaking; paramagnetic.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-25&#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-25)&#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-25-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-25-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-25-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-25-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-25-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-25-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-25-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-25-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;171.5908146158582&#34; cy=&#34;145.7435771609126&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;159.12564731644179&#34; cy=&#34;162.90039835191484&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140.75984059067113&#34; cy=&#34;173.50389081874397&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;119.66901195161452&#34; cy=&#34;175.7206128356901&#34; r=&#34;2.5&#34; fill=&#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;83.74010099777902&#34; cy=&#34;154.9770034247342&#34; r=&#34;2.5&#34; fill=&#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.11445903773678&#34; cy=&#34;135.60343354307267&#34; r=&#34;2.5&#34; fill=&#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.11448759105994&#34; cy=&#34;114.39643212416271&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;83.7401817206154&#34; cy=&#34;95.02288546987619&#34; r=&#34;2.5&#34; fill=&#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;119.66914853313551&#34; cy=&#34;74.27937280910035&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140.75997120288136&#34; cy=&#34;76.49615161985237&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;159.12574937528444&#34; cy=&#34;87.0996935424623&#34; r=&#34;2.5&#34; fill=&#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.59087047441733&#34; cy=&#34;104.25654829985933&#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-25-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;25&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;        Manganese&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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;Manganese (Mn)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;25&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Steel alloy (deoxidizer), batteries (alkaline, lithium-ion), animal feed.&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Iron 26</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v026/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v026/</guid>
      <description>&lt;p&gt;Malleable, ductile, silvery metal; ferromagnetic; core of Earth; rusts easily.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-26&#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-26)&#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-26-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-26-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-26-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-26-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-26-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-26-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-26-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-26-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.11785287336335&#34; cy=&#34;144.5168629806146&#34; r=&#34;2.5&#34; fill=&#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;144.51683126063116&#34; cy=&#34;172.11786601220444&#34; r=&#34;2.5&#34; fill=&#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;105.4831052994108&#34; cy=&#34;172.1178397345009&#34; r=&#34;2.5&#34; fill=&#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;77.88212084897583&#34; cy=&#34;144.51679954063889&#34; r=&#34;2.5&#34; fill=&#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.88217340438288&#34; cy=&#34;105.48307357944505&#34; r=&#34;2.5&#34; fill=&#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;105.48323217936226&#34; cy=&#34;77.88210771017745&#34; r=&#34;2.5&#34; fill=&#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;144.5169581405119&#34; cy=&#34;77.88218654328804&#34; r=&#34;2.5&#34; fill=&#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;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;172.11790542859956&#34; cy=&#34;105.48326389937222&#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-26-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;26&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;        Iron&#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;55.845&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;1538°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;2862°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;Iron (Fe)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;26&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Steel (construction, vehicles), magnets, hemoglobin (blood), catalysts.&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;&lt;img src=&#34;https://www.superphysics.org/photos/stuff/rocket.jpg&#34; alt=&#34;Rocket&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Cobalt 27</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v027/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v027/</guid>
      <description>&lt;p&gt;Hard, lustrous, bluish-gray metal; ferromagnetic; used in blue pigments.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-27&#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-27)&#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-27-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-27-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-27-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-27-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-27-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-27-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-27-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-27-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.55608078134475&#34; cy=&#34;143.42333250848534&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;162.68944389340345&#34; cy=&#34;159.35848976608247&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;147.73263444997502&#34; cy=&#34;170.65333866174313&#34; r=&#34;2.5&#34; fill=&#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.70565415662765&#34; cy=&#34;175.78244597258202&#34; r=&#34;2.5&#34; fill=&#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.04314865597226&#34; cy=&#34;174.05309674791908&#34; r=&#34;2.5&#34; fill=&#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.26559486416437&#34; cy=&#34;165.6988493811105&#34; r=&#34;2.5&#34; fill=&#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.63889630848357&#34; cy=&#34;151.8479922276054&#34; r=&#34;2.5&#34; fill=&#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.8683600408544&#34; cy=&#34;134.37116188135687&#34; r=&#34;2.5&#34; fill=&#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.86838527589217&#34; cy=&#34;115.62870312317365&#34; r=&#34;2.5&#34; fill=&#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.63896860546231&#34; cy=&#34;98.15189100882677&#34; r=&#34;2.5&#34; fill=&#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.26570445896823&#34; cy=&#34;84.30106785680348&#34; r=&#34;2.5&#34; fill=&#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.04328074720313&#34; cy=&#34;75.94686566896455&#34; r=&#34;2.5&#34; fill=&#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.7057909046178&#34; cy=&#34;74.21756669908366&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;147.73275738613492&#34; cy=&#34;79.34672255332451&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;162.6895364145094&#34; cy=&#34;90.64161172494597&#34; r=&#34;2.5&#34; fill=&#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.5561303918982&#34; cy=&#34;106.57679555156659&#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-27-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;27&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;        Cobalt&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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;Cobalt (Co)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;27&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Rechargeable batteries (Li-ion), superalloys (jet engines), magnets, pigments.&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Nickel 28</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v028/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v028/</guid>
      <description>&lt;p&gt;Hard, silvery-white, ductile metal; corrosion-resistant; ferromagnetic&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&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-28&#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-28)&#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-28-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-28-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-28-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-28-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-28-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-28-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-28-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-28-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-28-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;28&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;        Nickel&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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;Nickel (Ni)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;28&lt;/td&gt;&#xA;          &lt;td style=&#34;text-align: left&#34;&gt;Stainless steel, rechargeable batteries, electroplating, coins, catalysts.&lt;/td&gt;&#xA;          &lt;td&gt;&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;</description>
    </item>
    <item>
      <title>Copper</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v029/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v029/</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-29&#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-29)&#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-29-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-29-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-29-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-29-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-29-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-29-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-29-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-29-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-29-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-29-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-29-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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-29-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;29&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;        Copper&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Copper (Cu)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;29&lt;/td&gt;&#xA;          &lt;td&gt;Electrical wiring, plumbing, roofing, alloys (brass, bronze), electronics.&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;Reddish-orange, ductile, malleable metal; excellent conductor of heat/electricity&lt;/p&gt;</description>
    </item>
    <item>
      <title>Zinc</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v030/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v030/</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-30&#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-30)&#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-30-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-30-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-30-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-30-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-30-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-30-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-30-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-30-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-30-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-30-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-30-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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-30-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;30&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;        Zinc&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Zinc (Zn)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;30&lt;/td&gt;&#xA;          &lt;td&gt;Galvanizing steel, brass, die-casting, zinc-carbon batteries, sunscreen.&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;Bluish-white, brittle metal; protects iron from rusting (galvanization).&lt;/p&gt;</description>
    </item>
    <item>
      <title>Gallium 31</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v031/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v031/</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-31&#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-31)&#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-31-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-31-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-31-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-31-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-31-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-31-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-31-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-31-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-31-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-31-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-31-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;90.49994636284352&#34; cy=&#34;184.75572189366744&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.50010727439636&#34; cy=&#34;65.24418520410052&#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-31-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;31&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;        Gallium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Gallium (Ga)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;31&lt;/td&gt;&#xA;          &lt;td&gt;Semiconductors (GaAs for LEDs, solar cells), low-melting alloys, thermometers.&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;Silvery metal that melts in your hand (~30°C); expands on freezing.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Germanium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v032/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v032/</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-32&#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-32)&#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-32-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-32-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-32-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-32-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-32-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-32-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-32-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-32-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-32-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-32-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-32-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;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;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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-32-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;32&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;        Germanium&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Germanium (Ge)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;32&lt;/td&gt;&#xA;          &lt;td&gt;Fiber-optic cables, infrared optics, semiconductors, polymerization catalyst.&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;Lustrous, brittle metalloid; semiconductor; transparent to infrared.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Arsenic</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v033/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v033/</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-33&#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-33)&#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-33-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-33-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-33-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-33-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-33-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-33-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-33-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-33-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-33-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-33-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-33-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;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;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;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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-33-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;33&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;        Arsenic&#xA;      &lt;/h2&gt;&#xA;      &#xA;      &#xA;      &#xA;      &#xA;      &#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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Arsenic (As)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;33&lt;/td&gt;&#xA;          &lt;td&gt;Semiconductor dopant, wood preservatives (phased out), lead alloys (shot).&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;Metallic-gray, brittle metalloid; toxic to multicellular life.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Rubidium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v037/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v037/</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-37&#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-37)&#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-37-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-37-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-37-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-37-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-37-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-37-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-37-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-37-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-37-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-37-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-37-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;177.85705330488486&#34; cy=&#34;169.35236088332346&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;136.9816835963896&#34; cy=&#34;192.95174212774833&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.49994636284352&#34; cy=&#34;184.75572189366744&#34; r=&#34;2.5&#34; fill=&#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.16118092185481&#34; cy=&#34;148.59931228980108&#34; r=&#34;2.5&#34; fill=&#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.16124447079979&#34; cy=&#34;101.40051311098884&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.50010727439636&#34; cy=&#34;65.24418520410052&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;136.98186657818454&#34; cy=&#34;57.0482901370202&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;177.85717273763603&#34; cy=&#34;80.64778145138955&#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-37-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;37&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;        Rubidium&#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;85.468&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;39.31°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;688°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Rubidium (Rb)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;37&lt;/td&gt;&#xA;          &lt;td&gt;Atomic clocks, vacuum tube getter, specialized glass.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Rubidium is a soft, silvery-white metallic element of the alkali metal group; highly reactive.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Strontium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v038/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v038/</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-38&#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-38)&#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-38-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-38-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-38-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-38-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-38-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-38-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-38-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-38-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-38-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-38-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-38-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;180.82216169054848&#34; cy=&#34;165.55719744008778&#34; r=&#34;2.5&#34; fill=&#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;103.67777437493046&#34; cy=&#34;190.62288239930967&#34; r=&#34;2.5&#34; fill=&#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;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;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;103.67795108564516&#34; cy=&#34;59.377060184003795&#34; r=&#34;2.5&#34; fill=&#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;180.82227090359527&#34; cy=&#34;84.44295287911581&#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-38-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;38&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;        Strontium&#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;87.62&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;777°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;1382°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Strontium (Sr)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;38&lt;/td&gt;&#xA;          &lt;td&gt;Fireworks (red color), ferrite magnets, cancer therapy.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Strontium is a soft, silver-yellow alkaline earth metal; known for deep red flame colors.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Yttrium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v039/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v039/</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-39&#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-39)&#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-39-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-39-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-39-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-39-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-39-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-39-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-39-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-39-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-39-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-39-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-39-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;183.04648463320837&#34; cy=&#34;162.30423061432452&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;153.66360516734184&#34; cy=&#34;187.76462171327677&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;115.1802260009499&#34; cy=&#34;193.29767227810606&#34; r=&#34;2.5&#34; fill=&#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.81455829534107&#34; cy=&#34;177.1466763845489&#34; r=&#34;2.5&#34; fill=&#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.794961026464065&#34; cy=&#34;144.4394653864912&#34; r=&#34;2.5&#34; fill=&#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.79501337369334&#34; cy=&#34;105.56035633529882&#34; r=&#34;2.5&#34; fill=&#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.81469871713958&#34; cy=&#34;72.85320193936033&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;115.18040991435163&#34; cy=&#34;56.70230127925366&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;153.66377418109258&#34; cy=&#34;62.23545547289194&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;183.04658508659162&#34; cy=&#34;87.6959256945695&#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-39-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;39&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;        Yttrium&#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;88.906&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;1526°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;3336°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Yttrium (Y)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;39&lt;/td&gt;&#xA;          &lt;td&gt;LEDs, phosphors (TV screens), high-temperature superconductors.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Yttrium is a silvery-metallic transition metal; chemically similar to the lanthanides.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Zirconium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v040/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v040/</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-40&#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-40)&#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-40-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-40-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-40-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-40-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-40-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-40-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-40-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-40-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-40-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-40-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-40-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;184.75574511926607&#34; cy=&#34;159.50001340929174&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;159.49997318141135&#34; cy=&#34;184.75576834483763&#34; r=&#34;2.5&#34; fill=&#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;90.49994636284352&#34; cy=&#34;184.75572189366744&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;65.2442084296179&#34; cy=&#34;159.49993295351533&#34; r=&#34;2.5&#34; fill=&#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;65.2443013319583&#34; cy=&#34;90.49990613499438&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.50010727439636&#34; cy=&#34;65.24418520410052&#34; r=&#34;2.5&#34; fill=&#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;159.5001340928391&#34; cy=&#34;65.24432455761108&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;184.7558380213898&#34; cy=&#34;90.50014750232364&#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-40-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;40&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;        Zirconium&#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;91.224&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;1855°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;4409°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Zirconium (Zr)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;40&lt;/td&gt;&#xA;          &lt;td&gt;Nuclear reactor cladding, jewelry (cubic zirconia), abrasives.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Zirconium is a lustrous, grey-white, strong transition metal that resembles hafnium.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Niobium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v041/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v041/</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-41&#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-41)&#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-41-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-41-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-41-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-41-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-41-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-41-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-41-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-41-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-41-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-41-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-41-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;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;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;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;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;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;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;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;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;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;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;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;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;            &lt;/g&gt;&#xA;            &#xA;            &lt;style&gt;&#xA;              @keyframes rotate-41-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;41&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;        Niobium&#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;92.906&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;2477°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;4744°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Niobium (Nb)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;41&lt;/td&gt;&#xA;          &lt;td&gt;Superconducting magnets, high-strength low-alloy steels, jet engines.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Niobium is a soft, grey, crystalline, ductile transition metal.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Molybdenum</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v042/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v042/</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-42&#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-42)&#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-42-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-42-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-42-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-42-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-42-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-42-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-42-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-42-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-42-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-42-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-42-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;187.1668461268659&#34; cy=&#34;154.93798995655152&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;168.02077557569334&#34; cy=&#34;178.9463888399013&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140.35390562596191&#34; cy=&#34;192.27003480026642&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;109.64600380099053&#34; cy=&#34;192.27001412755018&#34; r=&#34;2.5&#34; fill=&#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.97915179037707&#34; cy=&#34;178.94633091624104&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;62.8331135643752&#34; cy=&#34;154.93790625444822&#34; r=&#34;2.5&#34; fill=&#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;62.83319418200572&#34; cy=&#34;95.06192634139946&#34; r=&#34;2.5&#34; fill=&#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.9792970583142&#34; cy=&#34;71.05355323653626&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;109.64618494711351&#34; cy=&#34;57.729944527139295&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140.35408677202923&#34; cy=&#34;57.73000654528799&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;168.02092084347447&#34; cy=&#34;71.05372700751698&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;187.166926744271&#34; cy=&#34;95.06217744770936&#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-42-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;42&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;        Molybdenum&#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;95.95&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;2623°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;4639°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Molybdenum (Mo)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;42&lt;/td&gt;&#xA;          &lt;td&gt;High-strength steel alloys, catalysts, electrical contacts.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Molybdenum is a silvery-grey metal with the sixth-highest melting point of any element.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Technetium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v043/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v043/</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-43&#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-43)&#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-43-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-43-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-43-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-43-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-43-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-43-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-43-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-43-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-43-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-43-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-43-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;188.03463153910226&#34; cy=&#34;153.0648396882935&#34; r=&#34;2.5&#34; fill=&#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.16999342812713&#34; cy=&#34;176.2770095349436&#34; r=&#34;2.5&#34; fill=&#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;117.78748675806672&#34; cy=&#34;193.62200560122778&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.49994636284352&#34; cy=&#34;184.75572189366744&#34; r=&#34;2.5&#34; fill=&#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;57.50779752164388&#34; cy=&#34;139.34582185239242&#34; r=&#34;2.5&#34; fill=&#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.50783615261052&#34; cy=&#34;110.65399640327897&#34; r=&#34;2.5&#34; fill=&#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;90.50010727439636&#34; cy=&#34;65.24418520410052&#34; r=&#34;2.5&#34; fill=&#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.7876715448304&#34; cy=&#34;56.37797497701813&#34; r=&#34;2.5&#34; fill=&#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;171.17013150773778&#34; cy=&#34;73.72311479274312&#34; r=&#34;2.5&#34; fill=&#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.03470711244697&#34; cy=&#34;96.93533005275086&#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-43-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;43&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;        Technetium&#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;98&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;2157°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;4265°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Technetium (Tc)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;43&lt;/td&gt;&#xA;          &lt;td&gt;Medical diagnostic imaging (tracer), corrosion inhibitor for steel.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Technetium is a silvery-grey radioactive metal; the lightest element without stable isotopes.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Palladium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v046/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v046/</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-46&#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-46)&#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-46-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-46-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-46-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-46-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-46-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-46-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-46-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-46-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-46-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-46-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-46-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;189.83878730373146&#34; cy=&#34;148.59939958942752&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;177.85705330488486&#34; cy=&#34;169.35236088332346&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;159.49997318141135&#34; cy=&#34;184.75576834483763&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;136.9816835963896&#34; cy=&#34;192.95174212774833&#34; r=&#34;2.5&#34; fill=&#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.0182249127021&#34; cy=&#34;192.95172599542565&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.49994636284352&#34; cy=&#34;184.75572189366744&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;72.14288697869165&#34; cy=&#34;169.35228971600714&#34; r=&#34;2.5&#34; fill=&#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.16118092185481&#34; cy=&#34;148.59931228980108&#34; r=&#34;2.5&#34; fill=&#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;60.16124447079979&#34; cy=&#34;101.40051311098884&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;72.14300641163445&#34; cy=&#34;80.64756794944068&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.50010727439636&#34; cy=&#34;65.24418520410052&#34; r=&#34;2.5&#34; fill=&#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.01840789454043&#34; cy=&#34;57.04824174005216&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;136.98186657818454&#34; cy=&#34;57.0482901370202&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;159.5001340928391&#34; cy=&#34;65.24432455761108&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;177.85717273763603&#34; cy=&#34;80.64778145138955&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;189.83885085244134&#34; cy=&#34;101.40077500986811&#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-46-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;46&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;        Palladium&#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;106.42&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;1554.9°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;2963°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Palladium (Pd)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;46&lt;/td&gt;&#xA;          &lt;td&gt;Catalytic converters, jewelry, hydrogen purification.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Palladium is a rare and lustrous silvery-white metal; one of the six platinum-group metals.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Silver</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v047/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v047/</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-47&#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-47)&#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-47-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-47-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-47-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-47-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-47-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-47-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-47-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-47-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-47-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-47-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-47-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;190.26138650204535&#34; cy=&#34;147.4042726244494&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;179.4506831353434&#34; cy=&#34;167.38069260989522&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;162.73939835001408&#34; cy=&#34;182.76450304623899&#34; r=&#34;2.5&#34; fill=&#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.93846069291516&#34; cy=&#34;191.88862795239987&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;119.30197643346536&#34; cy=&#34;193.76432597964742&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;97.2829619658274&#34; cy=&#34;188.18833596964103&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;78.26752119435989&#34; cy=&#34;175.76490347356525&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;64.31627393175165&#34; cy=&#34;157.8403013152102&#34; r=&#34;2.5&#34; fill=&#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.94105557885169&#34; cy=&#34;136.35693991703073&#34; r=&#34;2.5&#34; fill=&#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.94108616129809&#34; cy=&#34;113.64287681249559&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;64.31636236500543&#34; cy=&#34;92.15953527453254&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;78.2676578952977&#34; cy=&#34;74.2349706844459&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;97.2831321207689&#34; cy=&#34;61.81158939358225&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;119.30216160346671&#34; cy=&#34;56.235658676847706&#34; r=&#34;2.5&#34; fill=&#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.93864081191657&#34; cy=&#34;58.11141766007539&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;162.73955389931024&#34; cy=&#34;67.2355985793927&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;179.45079725874018&#34; cy=&#34;82.61945401616951&#34; r=&#34;2.5&#34; fill=&#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.26144683249143&#34; cy=&#34;102.59590311282567&#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-47-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;47&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;        Silver&#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;107.87&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;961.78°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;2162°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Silver (Ag)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;47&lt;/td&gt;&#xA;          &lt;td&gt;Electronics, jewelry, photography, mirrors.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Silver is a soft, white, lustrous transition metal; exhibits the highest electrical conductivity.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Cadmium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v048/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v048/</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-48&#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-48)&#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-48-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-48-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-48-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-48-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-48-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-48-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-48-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-48-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-48-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-48-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-48-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;190.62289675352594&#34; cy=&#34;146.32218144740537&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;180.82216169054848&#34; cy=&#34;165.55719744008778&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;165.55715986031444&#34; cy=&#34;180.82218899384813&#34; r=&#34;2.5&#34; fill=&#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;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;103.67777437493046&#34; cy=&#34;190.62288239930967&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;84.44276498015728&#34; cy=&#34;180.8221343872235&#34; r=&#34;2.5&#34; fill=&#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;59.37707453813083&#34; cy=&#34;146.32209309204805&#34; r=&#34;2.5&#34; fill=&#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;59.3771319549363&#34; cy=&#34;103.67773019727596&#34; r=&#34;2.5&#34; fill=&#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;84.44291529928736&#34; cy=&#34;69.17775639962846&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;103.67795108564516&#34; cy=&#34;59.377060184003795&#34; r=&#34;2.5&#34; fill=&#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;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;165.5573101792975&#34; cy=&#34;69.17792021950228&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;180.82227090359527&#34; cy=&#34;84.44295287911581&#34; r=&#34;2.5&#34; fill=&#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.62295417009346&#34; cy=&#34;103.67799526334795&#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-48-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;48&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;        Cadmium&#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;112.41&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;321.07°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;767°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Cadmium (Cd)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;48&lt;/td&gt;&#xA;          &lt;td&gt;Ni-Cd batteries, pigments, plastic stabilizers.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Cadmium is a soft, silvery-white metal; chemically similar to zinc and mercury.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Indium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v049/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v049/</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-49&#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-49)&#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-49-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-49-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-49-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-49-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-49-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-49-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-49-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-49-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-49-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-49-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-49-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;190.934520991297&#34; cy=&#34;145.3381154891061&#34; r=&#34;2.5&#34; fill=&#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.010465459472&#34; cy=&#34;163.86909862724312&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;168.02077557569334&#34; cy=&#34;178.9463888399013&#34; r=&#34;2.5&#34; fill=&#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.20849773639557&#34; cy=&#34;189.23030158635515&#34; r=&#34;2.5&#34; fill=&#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.15633234197148&#34; cy=&#34;193.80706531148627&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;109.64600380099053&#34; cy=&#34;192.27001412755018&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.49994636284352&#34; cy=&#34;184.75572189366744&#34; r=&#34;2.5&#34; fill=&#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.41937269930031&#34; cy=&#34;171.93186701877215&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;62.8331135643752&#34; cy=&#34;154.93790625444822&#34; r=&#34;2.5&#34; fill=&#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.77065980350321&#34; cy=&#34;135.28382887599304&#34; r=&#34;2.5&#34; fill=&#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.77068749625492&#34; cy=&#34;114.71598739468418&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;62.83319418200572&#34; cy=&#34;95.06192634139946&#34; r=&#34;2.5&#34; fill=&#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.41949907857327&#34; cy=&#34;78.06799677685225&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.50010727439636&#34; cy=&#34;65.24418520410052&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;109.64618494711345&#34; cy=&#34;57.72994452713931&#34; r=&#34;2.5&#34; fill=&#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.15651762702282&#34; cy=&#34;56.19294857384017&#34; r=&#34;2.5&#34; fill=&#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.20867069697152&#34; cy=&#34;60.769766295835026&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;168.02092084347447&#34; cy=&#34;71.05372700751698&#34; r=&#34;2.5&#34; fill=&#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.01057012676753&#34; cy=&#34;86.13105489184301&#34; r=&#34;2.5&#34; fill=&#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.93457575795048&#34; cy=&#34;104.66206206079173&#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-49-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;49&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;        Indium&#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;114.82&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;156.6°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;2072°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Indium (In)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;49&lt;/td&gt;&#xA;          &lt;td&gt;Liquid crystal displays (LCDs), low-melting alloys, semiconductors.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Indium is a very soft, silvery-white post-transition metal; highly ductile.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Tin</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v050/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v050/</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-50&#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-50)&#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-50-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-50-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-50-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-50-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-50-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-50-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-50-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-50-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-50-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-50-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-50-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.20501279998132&#34; cy=&#34;144.4395545256138&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;183.04648463320837&#34; cy=&#34;162.30423061432452&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;170.18537149380063&#34; cy=&#34;177.14673722264155&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;153.66360516734184&#34; cy=&#34;187.76462171327677&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;134.81968204235812&#34; cy=&#34;193.29768549948813&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;115.1802260009499&#34; cy=&#34;193.29767227810606&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;96.33631032575681&#34; cy=&#34;187.7645831202493&#34; r=&#34;2.5&#34; fill=&#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.81455829534107&#34; cy=&#34;177.1466763845489&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;66.95346514004738&#34; cy=&#34;162.30415245991128&#34; r=&#34;2.5&#34; fill=&#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.794961026464065&#34; cy=&#34;144.4394653864912&#34; r=&#34;2.5&#34; fill=&#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.79501337369334&#34; cy=&#34;105.56035633529882&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;66.95356559364112&#34; cy=&#34;87.69569123132993&#34; r=&#34;2.5&#34; fill=&#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.81469871713958&#34; cy=&#34;72.85320193936033&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;96.33647933961146&#34; cy=&#34;62.23533969380956&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;115.18040991435163&#34; cy=&#34;56.70230127925366&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;134.81986595572425&#34; cy=&#34;56.702340943399776&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;153.66377418109258&#34; cy=&#34;62.23545547289194&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;170.18551191543528&#34; cy=&#34;72.85338445363826&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;183.04658508659162&#34; cy=&#34;87.6959256945695&#34; r=&#34;2.5&#34; fill=&#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.20506514697053&#34; cy=&#34;105.56062375266666&#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-50-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;50&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;        Tin&#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;118.71&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;231.93°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;2602°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Tin (Sn)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;50&lt;/td&gt;&#xA;          &lt;td&gt;Solder, tin plating for cans, bronze/pewter alloys.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Tin is a silvery, malleable post-transition metal; resists corrosion.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Cesium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v055/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v055/</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-55&#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-55)&#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-55-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-55-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-55-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-55-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-55-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-55-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-55-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-55-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-55-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-55-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-55-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.1400944829893&#34; cy=&#34;140.91250177738465&#34; r=&#34;2.5&#34; fill=&#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.66064600535452&#34; cy=&#34;155.96715573316928&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;177.85705330488486&#34; cy=&#34;169.35236088332346&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;166.20392074775773&#34; cy=&#34;180.3465167378445&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;152.3294722624791&#34; cy=&#34;188.35692500314693&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;136.9816835963896&#34; cy=&#34;192.95174212774833&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;120.98795871511162&#34; cy=&#34;193.8832601197733&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;105.21052420253622&#34; cy=&#34;191.10126056030697&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.49994636284352&#34; cy=&#34;184.75572189366744&#34; r=&#34;2.5&#34; fill=&#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.64927693175696&#34; cy=&#34;175.18873404375285&#34; r=&#34;2.5&#34; fill=&#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.35129941571591&#34; cy=&#34;162.91605624196117&#34; r=&#34;2.5&#34; fill=&#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.16118092185481&#34; cy=&#34;148.59931228980108&#34; r=&#34;2.5&#34; fill=&#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.46654293001983&#34; cy=&#34;133.01032221806244&#34; r=&#34;2.5&#34; fill=&#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.4665645006275&#34; cy=&#34;116.98949323367432&#34; r=&#34;2.5&#34; fill=&#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.16124447079979&#34; cy=&#34;101.40051311098884&#34; r=&#34;2.5&#34; fill=&#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.35140151705521&#34; cy=&#34;87.08378852057848&#34; r=&#34;2.5&#34; fill=&#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.64941208117622&#34; cy=&#34;74.81113844943542&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.50010727439636&#34; cy=&#34;65.24418520410052&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;105.21070220143181&#34; cy=&#34;58.89868615042826&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;120.9881442053752&#34; cy=&#34;56.11672907676977&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;136.98186657818454&#34; cy=&#34;57.0482901370202&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;152.3296428712011&#34; cy=&#34;61.643148590443616&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;166.20406978583847&#34; cy=&#34;69.65359421711511&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;177.85717273763603&#34; cy=&#34;80.64778145138955&#34; r=&#34;2.5&#34; fill=&#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.6607293941201&#34; cy=&#34;94.03301030798933&#34; r=&#34;2.5&#34; fill=&#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.1401373322555&#34; cy=&#34;109.0876790188901&#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-55-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;55&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;        Cesium&#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;132.91&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;28.44°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;671°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Cesium (Cs)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;55&lt;/td&gt;&#xA;          &lt;td&gt;Atomic clocks (definition of the second), drilling fluids, photoelectric cells.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Cesium is a silvery-gold, soft alkali metal; it is the most reactive metal and liquid near room temperature.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Barium</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v056/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v056/</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-56&#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-56)&#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-56-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-56-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-56-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-56-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-56-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-56-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-56-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-56-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-56-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-56-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-56-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.27002446392356&#34; cy=&#34;140.35395091248915&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;187.1668461268659&#34; cy=&#34;154.93798995655152&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;178.9463598780834&#34; cy=&#34;168.0208118926679&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;168.02077557569334&#34; cy=&#34;178.9463888399013&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;154.93794810550665&#34; cy=&#34;187.16686628125944&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;140.35390562596191&#34; cy=&#34;192.27003480026642&#34; r=&#34;2.5&#34; fill=&#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;109.64600380099053&#34; cy=&#34;192.27001412755018&#34; r=&#34;2.5&#34; fill=&#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.0619681924172&#34; cy=&#34;187.16682597244417&#34; r=&#34;2.5&#34; fill=&#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.97915179037707&#34; cy=&#34;178.94633091624104&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;71.05358219830525&#34; cy=&#34;168.0207392586993&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;62.8331135643752&#34; cy=&#34;154.93790625444822&#34; r=&#34;2.5&#34; fill=&#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.7299548634212&#34; cy=&#34;140.35386033942768&#34; r=&#34;2.5&#34; fill=&#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.72999620885365&#34; cy=&#34;109.6459585144772&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;62.83319418200572&#34; cy=&#34;95.06192634139946&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;71.05369804562577&#34; cy=&#34;81.97911547344154&#34; r=&#34;2.5&#34; fill=&#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.9792970583142&#34; cy=&#34;71.05355323653626&#34; r=&#34;2.5&#34; fill=&#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.06213559662382&#34; cy=&#34;62.833093410038&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;109.64618494711351&#34; cy=&#34;57.729944527139295&#34; r=&#34;2.5&#34; fill=&#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;140.35408677202923&#34; cy=&#34;57.73000654528799&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;154.9381155096047&#34; cy=&#34;62.83321433648378&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;168.02092084347447&#34; cy=&#34;71.05372700751698&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;178.9464757252083&#34; cy=&#34;81.97933337534727&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;187.166926744271&#34; cy=&#34;95.06217744770936&#34; r=&#34;2.5&#34; fill=&#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.2700658091121&#34; cy=&#34;109.64623023366168&#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-56-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;56&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;        Barium&#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;137.33&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;727°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;1897°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Barium (Ba)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;56&lt;/td&gt;&#xA;          &lt;td&gt;X-ray contrast agents, oil-well drilling muds, fireworks (green color).&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Barium is a soft, silvery-white alkaline earth metal; highly reactive and found only in compounds.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Lanthanum</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v057/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v057/</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-57&#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-57)&#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-57-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-57-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-57-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-57-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-57-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-57-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-57-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-57-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-57-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-57-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-57-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.38681696666816&#34; cy=&#34;139.83296663182267&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;187.62269857678945&#34; cy=&#34;153.97235963742986&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;179.930409901533&#34; cy=&#34;166.75703615020547&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;169.6696341170848&#34; cy=&#34;177.5891983951626&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;157.32015410472866&#34; cy=&#34;185.96234607236332&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;143.4594183174039&#34; cy=&#34;191.4849597682295&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;128.73553990878023&#34; cy=&#34;193.89880798380992&#34; r=&#34;2.5&#34; fill=&#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.83699165664417&#34; cy=&#34;193.0910217629767&#34; r=&#34;2.5&#34; fill=&#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.46041371350648&#34; cy=&#34;189.099372323875&#34; r=&#34;2.5&#34; fill=&#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.27803945951909&#34; cy=&#34;182.11050491723427&#34; r=&#34;2.5&#34; fill=&#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.90626258991573&#34; cy=&#34;172.45121149443418&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;65.87681520628713&#34; cy=&#34;160.57315026601498&#34; r=&#34;2.5&#34; fill=&#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.61190459326028&#34; cy=&#34;147.03172664770295&#34; r=&#34;2.5&#34; fill=&#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.40447125826347&#34; cy=&#34;132.46012309828717&#34; r=&#34;2.5&#34; fill=&#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.40449134728394&#34; cy=&#34;117.53969218629975&#34; r=&#34;2.5&#34; fill=&#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.61196392098063&#34; cy=&#34;102.96809727397878&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;65.87691099860672&#34; cy=&#34;89.42669052599507&#34; r=&#34;2.5&#34; fill=&#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.90639036768835&#34; cy=&#34;77.54865361229913&#34; r=&#34;2.5&#34; fill=&#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.27819324799297&#34; cy=&#34;67.88939081168698&#34; r=&#34;2.5&#34; fill=&#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.46058632169742&#34; cy=&#34;60.90055890283807&#34; r=&#34;2.5&#34; fill=&#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.83717501357806&#34; cy=&#34;56.90894817729341&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;128.73572544088336&#34; cy=&#34;56.101202075578&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;143.45959734939385&#34; cy=&#34;58.51508993991004&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;157.32031826526145&#34; cy=&#34;64.03774096022846&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;169.66977573018983&#34; cy=&#34;72.41092189233068&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;179.9305223455332&#34; cy=&#34;83.24311176767506&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;187.62277659392385&#34; cy=&#34;96.02780899435625&#34; r=&#34;2.5&#34; fill=&#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.3868569089392&#34; cy=&#34;110.16721482882753&#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-57-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;57&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;        Lanthanum&#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;138.91&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;920°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;3464°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Lanthanum (La)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;57&lt;/td&gt;&#xA;          &lt;td&gt;Hybrid car batteries, camera lenses, fluid catalytic cracking catalysts.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Lanthanum is a silvery-white, malleable transition metal; it is the prototype of the lanthanide series.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Gold</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v079/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v079/</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-79&#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-79)&#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-79-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-79-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-79-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-79-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-79-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-79-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-79-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-79-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-79-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-79-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-79-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-79-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-79-4&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-79-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;207.28609602431806&#34; cy=&#34;153.2488654830014&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;193.6552091706504&#34; cy=&#34;178.4365254646505&#34; r=&#34;2.5&#34; fill=&#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.5844587891482&#34; cy=&#34;197.83350384091005&#34; r=&#34;2.5&#34; fill=&#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.35718956932783&#34; cy=&#34;209.33783524433028&#34; r=&#34;2.5&#34; fill=&#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.81553550306501&#34; cy=&#34;211.70284580042502&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.05243030473889&#34; cy=&#34;204.67224970085172&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;66.0764397668016&#34; cy=&#34;189.0079217710171&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;48.485736696556444&#34; cy=&#34;166.40733644091722&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;39.18654833855213&#34; cy=&#34;139.31961989538655&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;39.18658689902803&#34; cy=&#34;110.68014902445097&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;48.48584819935469&#34; cy=&#34;83.59245752006277&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;66.07661212885361&#34; cy=&#34;60.99191955864917&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;90.052644847926&#34; cy=&#34;45.32765619190805&#34; r=&#34;2.5&#34; fill=&#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.81576897828411&#34; cy=&#34;38.297134853416665&#34; r=&#34;2.5&#34; fill=&#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.3574166758948&#34; cy=&#34;40.662222267051575&#34; r=&#34;2.5&#34; fill=&#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.5846549165216&#34; cy=&#34;52.16662429575602&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;193.65535306536808&#34; cy=&#34;71.56365941169199&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;207.28617209314137&#34; cy=&#34;96.75135609878018&#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-79-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;79&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;        Gold&#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;196.97&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;1064°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;2856°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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Gold (Au)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;79&lt;/td&gt;&#xA;          &lt;td&gt;Jewelry, currency, electronics (corrosion-resistant connectors), dentistry.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Gold is a dense, soft, yellow transition metal; highly malleable and resistant to most acids.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Mercury</title>
      <link>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v080/</link>
      <pubDate>Wed, 07 Jan 2026 00:00:00 +0000</pubDate>
      <guid>https://www.superphysics.org/material/principles/part-5/chapter-05/section-04/v080/</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-80&#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-80)&#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-80-0&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-80-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-80-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-80-1&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-80-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-80-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-80-2&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-80-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-80-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-80-3&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-80-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-80-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-80-4&#34; style=&#34;transform-origin: 125px 125px; animation: rotate-80-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;207.741913297924&#34; cy=&#34;151.88448965107634&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;195.38446474025676&#34; cy=&#34;176.13733590271937&#34; r=&#34;2.5&#34; fill=&#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.13728851952692&#34; cy=&#34;195.38449916615633&#34; r=&#34;2.5&#34; fill=&#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;124.99994143115599&#34; cy=&#34;211.99999999998028&#34; r=&#34;2.5&#34; fill=&#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.11545464665146&#34; cy=&#34;207.7418951991296&#34; r=&#34;2.5&#34; fill=&#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.86261671411134&#34; cy=&#34;195.3844303143253&#34; r=&#34;2.5&#34; fill=&#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;42.25805050459975&#34; cy=&#34;151.88437824649537&#34; r=&#34;2.5&#34; fill=&#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;42.258122899702286&#34; cy=&#34;98.11539894439142&#34; r=&#34;2.5&#34; fill=&#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;73.86280624692755&#34; cy=&#34;54.61543198214024&#34; r=&#34;2.5&#34; fill=&#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.11567745581345&#34; cy=&#34;42.25803240591783&#34; r=&#34;2.5&#34; fill=&#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.000175706532&#34; cy=&#34;38.00000000017742&#34; r=&#34;2.5&#34; fill=&#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;176.13747805215772&#34; cy=&#34;54.615638537633316&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;195.3846024436636&#34; cy=&#34;73.8628536301895&#34; r=&#34;2.5&#34; fill=&#34;#00d4ff&#34; style=&#34;filter: drop-shadow(0 0 3px #00d4ff);&#34; /&gt;&#xA;              &#xA;                &#xA;                &#xA;                &#xA;                &#xA;                &lt;circle cx=&#34;207.74198569272653&#34; cy=&#34;98.11573315813438&#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-80-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;80&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;        Mercury&#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;200.59&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;-38.83°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;356.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&gt;Element &amp;amp; Symbol&lt;/th&gt;&#xA;          &lt;th&gt;Atomic Number&lt;/th&gt;&#xA;          &lt;th&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&gt;&lt;strong&gt;Mercury (Hg)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;80&lt;/td&gt;&#xA;          &lt;td&gt;Thermometers, fluorescent lighting, dental amalgams, barometers.&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;Mercury is a heavy, silvery d-block element; it is the only metallic element that is liquid at standard conditions.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
