diff --git a/index.html b/index.html
index 9e544e6..9623fe7 100644
--- a/index.html
+++ b/index.html
@@ -87,11 +87,13 @@
             <!-- RPG day/night arc background -->
             <path id="rpg-arc-bg" d="" fill="none" stroke="#3a383d" stroke-width="3" opacity="0.6"/>
 
-            <!-- RPG sun position dot -->
-            <circle id="rpg-sun" cx="100" cy="100" r="5" fill="#e0914f"/>
+            <!-- RPG sun position -->
+            <circle id="rpg-sun-glow" cx="100" cy="100" r="14" fill="#e0914f" opacity="0.3"/>
+            <circle id="rpg-sun" cx="100" cy="100" r="9" fill="#e0914f"/>
+            <circle id="rpg-sun-core" cx="100" cy="100" r="4" fill="#f3ede1"/>
 
-            <!-- RPG moon position dot -->
-            <circle id="rpg-moon" cx="100" cy="100" r="5" fill="#b0a89a"/>
+            <!-- RPG moon position -->
+            <circle id="rpg-moon" cx="100" cy="100" r="9" fill="#b0a89a"/>
 
             <!-- Hour marks -->
             <g id="hour-marks"></g>
@@ -237,13 +239,8 @@
         var hourMarks = document.getElementById('hour-marks');
         var rpgArcBg = document.getElementById('rpg-arc-bg');
         var rpgSun = document.getElementById('rpg-sun');
-        var rpgMoon = document.getElementById('rpg-moon');
-        var sunriseMarker = document.getElementById('sunrise-marker');
-        var sunsetMarker = document.getElementById('sunset-marker');
-        var moonriseMarker = document.getElementById('moonrise-marker');
-        var moonsetMarker = document.getElementById('moonset-marker');
-        var rpgArcBg = document.getElementById('rpg-arc-bg');
-        var rpgSun = document.getElementById('rpg-sun');
+        var rpgSunGlow = document.getElementById('rpg-sun-glow');
+        var rpgSunCore = document.getElementById('rpg-sun-core');
         var rpgMoon = document.getElementById('rpg-moon');
         var sunriseMarker = document.getElementById('sunrise-marker');
         var sunsetMarker = document.getElementById('sunset-marker');
@@ -425,11 +422,23 @@
                 rpgSun.setAttribute('cx', sunP.x);
                 rpgSun.setAttribute('cy', sunP.y);
                 rpgSun.setAttribute('opacity', '1');
+                rpgSunGlow.setAttribute('cx', sunP.x);
+                rpgSunGlow.setAttribute('cy', sunP.y);
+                rpgSunGlow.setAttribute('opacity', '0.4');
+                rpgSunCore.setAttribute('cx', sunP.x);
+                rpgSunCore.setAttribute('cy', sunP.y);
+                rpgSunCore.setAttribute('opacity', '1');
             } else {
                 var sunP = timeToPoint(now, sunOrbitRadius);
                 rpgSun.setAttribute('cx', sunP.x);
                 rpgSun.setAttribute('cy', sunP.y);
-                rpgSun.setAttribute('opacity', '0.25');
+                rpgSun.setAttribute('opacity', '0.4');
+                rpgSunGlow.setAttribute('cx', sunP.x);
+                rpgSunGlow.setAttribute('cy', sunP.y);
+                rpgSunGlow.setAttribute('opacity', '0.15');
+                rpgSunCore.setAttribute('cx', sunP.x);
+                rpgSunCore.setAttribute('cy', sunP.y);
+                rpgSunCore.setAttribute('opacity', '0.4');
             }
 
             var moonTimes = SunCalc.getMoonTimes(now, PASSAU_LAT, PASSAU_LON);