diff --git a/src/components/shared/ExerciseSide.tsx b/src/components/shared/ExerciseSide.tsx
index b553f43..e81603c 100644
--- a/src/components/shared/ExerciseSide.tsx
+++ b/src/components/shared/ExerciseSide.tsx
@@ -1,7 +1,25 @@
+
 import '../../styles/ExerciseSide.scss';
+// import AxisExercise from './Exercises/AxisExercise'; // from Arush's code
 
 function ExerciseSide(): JSX.Element {
-  return <section id="exercise-side-container"></section>;
+  return (
+    <section id = "exercise-side-container">
+      <div id = "exercise-box">
+
+        <h1> Type the correct numbers into the blanks below! </h1>
+        <h1> A = (2,0) </h1>
+        <h1> B = (-2,0) </h1>
+        <h1> C = (-1,0) </h1>
+
+      </div>
+
+
+      <button id = "button"> Check </button>
+
+    </section>
+  );
 }
 
-export default ExerciseSide;
+
+export default ExerciseSide;
\ No newline at end of file
diff --git a/src/styles/ExerciseSide.scss b/src/styles/ExerciseSide.scss
index 514ec2b..9050867 100644
--- a/src/styles/ExerciseSide.scss
+++ b/src/styles/ExerciseSide.scss
@@ -1,7 +1,37 @@
 @use '_colors.scss' as colors;
 
+
+body {
+	font-family: "Quattrocento Sans", sans-serif;
+}
+
 #exercise-side-container {
   background-color: colors.$bg-white;
   flex-grow: 1;
   height: 100%;
+
+  level {
+    color: white;
+    font-size: 1.875rem;
+    justify-content: center;
+    padding: 10px;
+  }
+  
+  button {
+    background-color: green;
+    border: 1px solid #e1e4e8;
+    border-radius: 10px;
+    color: white;
+    font-size: 1.5rem;
+    justify-content: center;
+  }
+
 }
+
+.exercise-box {
+align-items: center;
+display: flex;
+height: 85%;
+justify-content: center;
+width: 100%;
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 8c87f14..c8c5b24 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,3 +22,4 @@
   },
   "include": ["**/*.ts", "**/*.tsx"]
 }
+