calling jquery from local server and updated the bottom nav bar on the description template

static/css/style.css

@@ -327,11 +327,6 @@ li a{
 	color: #0000FF
 }
 
-li:hover a{
-	color: white;
-  background-color: magenta;
-}
-
 li{
   padding-left: 5px;
   padding-right: 5px;
@@ -429,29 +424,25 @@ nav.nav_bottom {
   padding-bottom: 10px;
 }
 
-nav.nav_bottom div li {
+
-  margin-right: 2em;
-}
 nav.nav_bottom div li a{
-  color: black
-}
-nav.nav_bottom div li a:hover{
-  color: magenta;
   color: black;
-  /* background-color: black; */
+  padding-left: 0.2em;
 }
 
-nav.nav_bottom div li:first-child {
-  margin-right: 0;
-}
 
-li.index, li.about {
+li.no_here, li.prev_item  {
+  margin-left: 0.8em;
   float: left;
-  margin-left: 10px;
 }
 
-li.prev_item, li.next_item, li.no_here {
+ li.prev_item {
+   	float: left;
+ }
+
+ li.next_item {
 	float: right;
+  margin-right: 0.8em;
 }
 
 
@@ -611,17 +602,12 @@ a.li-index:hover {
   nav.nav_bottom{
   margin-bottom: 1.5em;
 }
-li.prev_item, li.next_item{
+
-  float: right;
+  div#bottom_descrip_left{
-  margin-right: 1em;
-}
-li.no_here{
     float: left;
-  margin-left: 1em;
+  }
-}
+
-div#bottom_descrip_left{
+
-  display: none;
-}
 
   /*index*/
   div.theindexpage{

templates/layout.html

@@ -5,7 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Pushing Scores</title>
   <link rel="stylesheet" href="{{ url_for('static', filename='/css/style.css') }}">
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="{{ url_for('static', filename='/js/jquery.min.js') }}"></script>
   <script>
   (function($){
   $.fn.shuffle = function() {