diff --git a/src/features/events/EventCard.tsx b/src/features/events/EventCard.tsx
index 244ad5a..bae5e5f 100644
--- a/src/features/events/EventCard.tsx
+++ b/src/features/events/EventCard.tsx
@@ -6,15 +6,21 @@ export type CFTEvent = {
 }
 
 const EventCard = ({ event }: { event: CFTEvent }) => {
+	const title: string = event.title.toUpperCase();
+	const cardStyle: string = `bg-cft-white dark:bg-cft-blue text-black dark:text-white 
+		p-4 shadow-lg shadow-red-900`;
+
 	return (
-		<article className='bg-cft-light-gray p-6 text-cft-black'>
-			<h1>{event.title}</h1>
-			<h2>{event.date}</h2>
-			<h2>{event.location}</h2>
+		<article className={cardStyle}>
+			<h2 className='text-3xl'>{title}</h2>
+			<time className='text-2xl' dateTime={event.date.toString()}>
+				{event.date}
+			</time>
+			<p className='mt-3'>{event.location}</p>
 			<p>{event.description}</p>
 		</article>
 	)
 
 }
 
-export default EventCard;
+export default EventCard;
\ No newline at end of file