Set Time Clock

RadioDJViewer/style.css

@@ -127,6 +127,21 @@ body {
 	opacity: 1;
 }
 
+/* Song time display (underneath artist) */
+.song-time {
+	font-size: 14px;
+	font-weight: 400;
+	color: #cccccc;
+	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	letter-spacing: 0px;
+	line-height: 1.1;
+	opacity: 0.9;
+	margin-top: 4px;
+}
+
 /* Smooth fade animation for updates */
 @keyframes fadeIn {
 	from {
@@ -141,3 +156,22 @@ body {
 .song-artist.updating {
 	animation: fadeIn 0.4s ease-in-out;
 }
+
+/* Clock section - positioned at bottom of page */
+.clock-section {
+	width: 100%;
+	margin-top: 20px;
+	padding: 20px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.digital-clock {
+	font-size: 48px;
+	font-weight: 300;
+	color: #ffffff;
+	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
+	font-family: 'Courier New', monospace;
+	letter-spacing: 2px;
+}