markdown fix

src/components/exercise.tsx

@@ -145,7 +145,9 @@ export default function Exercise({ data }: { data: TExerciseData }) {
       <ResizablePanelGroup direction="horizontal">
         <ResizablePanel maxSize={45} minSize={15} className="p-3">
           <div className="text-center text-3xl p-4 pb-7">{data.title}</div>
-          <Markdown remarkPlugins={markdownPlugins}>{data.content}</Markdown>
+          <Markdown className="markdown" remarkPlugins={markdownPlugins}>
+            {data.content}
+          </Markdown>
           <div className="flex justify-between p-2 items-center">
             <Button
               variant="outline"

src/data/1.connect-wallet.ts

@@ -8,7 +8,7 @@ In your first exercise, you will be connecting your wallet to this web applicati
 
 This will allow you to interact with the blockchain and perform various tasks.
 
-## TASK
+# TASK
 
 Your task is to click on the Connect button on the top right of your screen,
 this will open a popup of the ArConnect wallet, where you need to type your

src/data/2.spawn-process.ts

@@ -10,7 +10,7 @@ All the lua code that you write will be executed on your process.
 
 Processes can interact with each other by sending messages, which we will try out in upcoming exercises
 
-## TASK
+# TASK
 
 Your task is to click on the spawn process button on the top and wait for a process id to show up
 

src/data/3.hello-ao.ts

@@ -4,7 +4,12 @@ export default {
   route: "3-hello-ao",
   title: "Hello AO!",
   content: `
-Your goal is to modify the lua code from \`print("Hello World")\` to \`print("Hello AO!")\` and run it using the process ID you created`,
+
+In the previous exercise, you spawned a process. Now it's time to write some code for it.
+
+# TASK
+
+Your goal is to modify the lua code from \`print("Hello World")\` to \`print("Hello AO!")\` and run it.`,
   defaultCode: `--change this
 print("Hello World")`,
   expectedResult: "Hello AO!",

src/data/4.calculate.ts

@@ -6,7 +6,7 @@ export default {
   content: `
 Just like we printed something before, we can also do mathematical operations on AO using LUA
 
-## TASK
+# TASK
 
 Your task is to find out the solution of the following equation:
 

src/styles/globals.css

@@ -75,6 +75,10 @@
     }
 }
 
+.markdown > * {
+    all: revert;
+}
+
 code {
     background-color: rgba(69, 69, 69, 0.5);
     padding: 0.1em 0.3em;