diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 4719269..550efc1 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -21,6 +21,11 @@ jobs:
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           aws-region: us-east-1
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18' # Use the latest LTS version of Node.js
+
       - name: Install Modules
         run: yarn install
 
diff --git a/src/Experience.tsx b/src/Experience.tsx
index 67092de..f547032 100644
--- a/src/Experience.tsx
+++ b/src/Experience.tsx
@@ -2,7 +2,7 @@ import * as three from "three";
 import { useState, useRef } from "react"
 import { useFrame } from "@react-three/fiber";
 
-function Experience() {
+function Experience(positon: any) {
     // This reference gives us direct access to the THREE.Mesh object
     const cube = useRef<three.Mesh>(null);
 
@@ -16,16 +16,27 @@ function Experience() {
     });
 
     return (
+        <>
+        <mesh
+            // rotation={[0,0,0]}
+            scale={.75}
+            position={[-3, 0, 0]}
+        >
+            <sphereGeometry />
+            <meshBasicMaterial color={"purple"}/>
+        </mesh>
+            
         <mesh
             ref={cube}
-            scale={clicked ? 1.5 : 1}
+            scale={clicked ? 2 : 1}
             onClick={() => click(!clicked)}
             onPointerOver={(event) => (event.stopPropagation(), hover(true))}
             onPointerOut={() => hover(false)}
         >
-            <boxGeometry args={[1, 1, 1]} />
-            {hovered ? <meshNormalMaterial /> : <meshStandardMaterial color="hotpink" />}
+            <boxGeometry />
+            {hovered ? <meshBasicMaterial color={"purple"}/> : <meshBasicMaterial color={"yellow"} />}
         </mesh>
+        </>
     );
 }