diff --git a/docs/index.html b/docs/index.html
index 50f9ffb..f008563 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -42,7 +42,7 @@
 		force is HUGE!</p></section> <div class="h-screen"></div> <section id="section-2" class="prose prose-xl [&>*]:px-10 mb-60 ">TWO-BODY PROBLEM
 	<div class="h-screen"></div> <p id="st-6" class="">Now there are two suns in the solar system..</p> <div class="h-screen"></div> <p id="st-7" class="">They have similar mass. <br> So, I think they exert similar force onto each
 		other..</p> <div class="h-screen"></div> <p id="st-8" class="">Their motion looks kind of stable, right..?</p> <div class="h-screen"></div> <p id="st-9" class="">Is this how my planet will orbit this two-body solar system?</p></section> <div class="h-screen"></div> <section id="section-3" class="prose prose-xl [&>*]:px-10 mb-60 ">THREE-BODY PROBLEM
-	<div class="h-screen"></div> <p id="st-10" class="">Now there are three suns in the solar system..</p> <div class="h-screen"></div> <p id="st-11" class="">They all have similar mass. <br> So .. right! Similar force on each other!</p> <div class="h-screen"></div> <p id="st-12" class="">Wait!? This is so chaotic..</p> <div class="h-screen"></div> <p id="st-13" class="">What is going on?</p></section>  <div class="h-screen"></div> <div class="h-screen"></div></div></article> <div class="relative flex-col hidden lg:flex"><div id="playground" class="svelte-1p7rs1f" data-svelte-h="svelte-c2r706"><div class="flex flex-col gap-5 items-left relative"><h2 style="font-size: 30px">To explore the chaotic cycles, hop into the Playground below</h2> <a href="/playground"><button class="button">Playground</button></a></div> </div>  </div></main> 
+	<div class="h-screen"></div> <p id="st-10" class="">Now there are three suns in the solar system..</p> <div class="h-screen"></div> <p id="st-11" class="">They all have similar mass. <br> So .. right! Similar force on each other!</p> <div class="h-screen"></div> <p id="st-12" class="">Wait!? This is so chaotic..</p> <div class="h-screen"></div> <p id="st-13" class="">What is going on?</p></section>  <div class="h-screen"></div> <div class="h-screen"></div></div></article> <div class="relative flex-col hidden lg:flex"><div id="playground" class="svelte-1p7rs1f" data-svelte-h="svelte-c2r706"><div class="flex flex-col gap-5 items-left relative"><h2 style="font-size: 30px">To explore the chaotic cycles, hop into the Playground below</h2> <a href="./playground"><button class="button">Playground</button></a></div> </div>  </div></main> 
 			
 			<script>
 				{