Cleanup Datetime styles

2 files changed, 3 insertions, 19 deletions

diff --git a/app/components/Datetime.tsx b/app/components/Datetime.tsx
index 0a8fbcf..b781287 100644
--- a/app/components/Datetime.tsx
+++ b/app/components/Datetime.tsx
@@ -20,9 +20,9 @@ export function DateTime({ images, slider }: DateTimeProps) {
   const time = datetime ? datetime.toFormat("HH:mm") : "";
 
   return (
-    <div id="datetime">
-      <div id="date">{date}</div>
-      <div id="time">{time}</div>
+    <div id="datetime" className="absolute top-3 left-5 font-mono text-gray-200">
+      <div id="date" className="text-lg">{date}</div>
+      <div id="time" className="text-4xl">{time}</div>
     </div>
   );
 }
diff --git a/app/globals.css b/app/globals.css
index 62b9a76..3024a0c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -26,22 +26,6 @@ body {
   }
 }
 
-#datetime {
-  position: absolute;
-  top: 20px;
-  left: 20px;
-  color: white;
-  font-family: monospace;
-}
-
-#date {
-  font-size: 1.4em;
-}
-
-#time {
-  font-size: 2.8em;
-}
-
 #slider {
   position: fixed;
   bottom: 8vh;