diff --git a/00-intro.mp4 b/00-intro.mp4
index 0247738..f1d9811 100644
Binary files a/00-intro.mp4 and b/00-intro.mp4 differ
diff --git a/01-analogies.mp4 b/01-analogies.mp4
index 13d5281..80bbb5f 100644
Binary files a/01-analogies.mp4 and b/01-analogies.mp4 differ
diff --git a/02-principles.mp4 b/02-principles.mp4
index 6f86043..eb80a55 100644
Binary files a/02-principles.mp4 and b/02-principles.mp4 differ
diff --git a/03-faq.mp4 b/03-faq.mp4
index a9153c0..0833602 100644
Binary files a/03-faq.mp4 and b/03-faq.mp4 differ
diff --git a/index.html b/index.html
index 3380a94..4682ff1 100644
--- a/index.html
+++ b/index.html
@@ -8,36 +8,36 @@
     <title>Educational Bitcoin videos</title>
 </head>
 <body>
+    <h3 class="heading">Bitcoin educational videos </h3>
     <div class="container">
-        <h1 class="heading"> Bitcoin educational videos </h1>
-    </div>    
-    <div class="container">
-        <!-- Main video container start -->
         <div class="main-video">
             <div class="video">
-                <video controls autoplay>
+                <video controls   autoplay>
                     <source src="00-intro.mp4" type="video/mp4">
                     <track default src="00-intro.vtt" kind="captions" srclang="en" label="English">
+                    
                 </video>
                 <h3 class="title">01. Intro</h3>
             </div>
         </div>
-        <!-- Main video container end -->
-
-
-        <!-- Sidebar scroller start -->
         <div class="video-list">
             <div class="vid active">
                 <video  controls muted autoplay>
                     <source src="00-intro.mp4" type="video/mp4">
                     <track default src="00-intro.vtt" kind="captions" srclang="en" label="English">
+                    
                 </video>
                 <h3 class="title">01. Intro</h3>
             </div>
-            <div class="vid ">
+
+
+
+
+            <div class="vid">
                 <video  controls muted autoplay>
                     <source src="01-analogies.mp4" type="video/mp4">
                     <track default src="01-analogies.vtt" kind="captions" srclang="en" label="English">
+                    
                 </video>
                 <h3 class="title">02. Analogies</h3>
             </div>
@@ -45,6 +45,7 @@
                 <video  controls muted autoplay>
                     <source src="02-principles.mp4" type="video/mp4">
                     <track default src="02-principles.vtt" kind="captions" srclang="en" label="English">
+                    
                 </video>
                 <h3 class="title">03. Principles</h3>
             </div>
@@ -52,32 +53,35 @@
                 <video  controls muted autoplay>
                     <source src="03-faq.mp4" type="video/mp4">
                     <track default src="03-faq.vtt" kind="captions" srclang="en" label="English">
+                  
                 </video>
                 <h3 class="title">04. FAQ</h3>
             </div>
         </div>
-        <!-- Sidebar scroller start -->
     </div>
 
 
-<script>
-    let listVideo= document.querySelectorAll('.video-list .vid');
-    let mainVideo= document.querySelector('.main-video video')
-    let title = document.querySelector('.main-video .title')
-    listVideo.forEach(video =>{
-        video.onclick = () =>{
-            listVideo.forEach(vid => vid.classList.remove('active'));
-            video.classList.add('active');
-            if(video.classList.contains('active')){
-                let src = video.children[0].getAttribute('src');
-                mainVideo.src = src;
-                let text = video.children[1].innerHTML;
-                title.innerHTML = text;
+    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"/> -->
+    <script>
+        let listVideo= document.querySelectorAll('.video-list .vid');
+        let mainVideo= document.querySelector('.main-video video')
+        let title = document.querySelector('.main-video .title')
+        listVideo.forEach(video =>{
+            video.onclick = () =>{
+                listVideo.forEach(vid => vid.classList.remove('active'));
+                video.classList.add('active');
+                console.log("video",video)
+                let src = document.getElementsByClassName('active').item('video').children[0].currentSrc;
+                // let src = $('.active').children[0].currentSrc;
+                if(video.classList.contains('active')){
+                    // let src = video
+                    console.log("here is the src",src)
+                    mainVideo.src = src;
+                    let text = video.children[1].innerHTML;
+                    title.innerHTML = text;
+                };
             };
-        };
-    });
-
-    
-</script>
+        });
+    </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index ba6c582..e02b821 100644
--- a/style.css
+++ b/style.css
@@ -7,12 +7,12 @@
     font-weight: normal;
 }
 body{
-    background: #fff;
+    background: transparent;
 }
 .heading{
-    color: dimgrey;
+    color: #fff;
     font-size: 40px;
-    /*text-align: center;*/
+    text-align: center;
     padding: 10px;
 }
 
@@ -65,7 +65,7 @@ body{
 .container .video-list{
     background: white;
     border-radius: 5px;
-    height: 100%;
+    height: 520px;
     overflow-y: scroll;
 }
 
@@ -79,7 +79,7 @@ body{
 }
 
 .container .video-list::-webkit-scrollbar-thumb{
-    background: #ccc;
+    background: grey;
     border-radius: 50px;
     
 }
