fix styling issues and add more contentdev

1 files changed, 8 insertions, 0 deletions

diff --git a/src/components/Games.tsx b/src/components/Games.tsx
index fb9f88c..05957c6 100644
--- a/src/components/Games.tsx
+++ b/src/components/Games.tsx
@@ -3,6 +3,7 @@ import { useState, useEffect } from "react";
 import GameCard from "./GameCard";
 //import Button from "./Button";
 import { GameType } from "../types";
+import { ReactComponent as IntroMD } from '../md/games_intro.md';
 
 
 export default function Games () {
@@ -26,6 +27,13 @@ export default function Games () {
 		<>
 		<div className="flex flex-col gap-16 max-w-6xl shrink">
 			<div className="title text-center font-bold text-6xl font-title">Games</div>
+				<div className="flex justify-center w-full">
+					<div className="marker:text-stone-50 rounded-xl w-full max-w-[65ch] flex justify-center bg-stone-950">
+						<div className="flex justify-center w-full w-full-after w-full max-w-[65ch] text-white p-16">
+							<IntroMD />
+						</div>
+					</div>
+				</div>
 			<div className="flex flex-row flex-wrap gap-20 justify-around">
 			{ allGames }
 			</div>