added CSS via boostrap cdn

nicsdevega_reading/bookshelf/templates/bookshelf/author_details.html

@@ -2,12 +2,14 @@
 {% load static %}
 {% block title %}{{object.first_name}} {{object.last_name}}{% endblock %}
 {% block content %}
-    <h3>{{object.first_name}} {{object.last_name}}</h3>
-    <h4>{{object.age}}</h4>
-    <h4>{{object.nationality}}</h4>
-    <p>{{object.bio}}</p>
 
-    <h3>Books by {{object.first_name}} {{object.last_name}} I love:</h3>
+    <ul class="list-group">
+        <li class="list-group-item"><h3>{{object.first_name}} {{object.last_name}}</h3></li>
+        <li class="list-group-item"><h4>{{object.age}}</h4></li>
+        <li class="list-group-item"><h4>{{object.nationality}}</h4></li>
+        <li class="list-group-item"><p>{{object.bio}}</p></li>
+        <li class="list-group-item"><h3>Books by {{object.first_name}} {{object.last_name}} I love:</h3></li>
+        <li class="list-group-item">
             <ul>
                 {% for book in object.books.all %}
                 <li> 
@@ -15,7 +17,15 @@
                 </li>
                 {% endfor %}
             </ul>
+        </li>
+        <li class="list-group-item">
+            <h2 class="text-center">
+                <small>
                     <a href="/bookshelf/home/">Home</a>
                     <a href="/bookshelf/books/">Books</a>
                     <a href="/bookshelf/authors/">Authors</a>
+                </small>
+            </h2>
+        </li>
+    </ul>
 {% endblock %}
\ No newline at end of file

nicsdevega_reading/bookshelf/templates/bookshelf/authors.html

@@ -2,14 +2,19 @@
 {% load static %}
 {% block title %}My Favorite Authors{% endblock %}
 {% block content %}
+    
     <h3>Welcome to Nics' Favorite Authors:</h3>
-    <ul>
+    <ul class="list-group">
         {% for object in object_list %}
-        <li> 
+        <li class="list-group-item">
             <a href="{{ object.get_absolute_url }}"> {{object.first_name}} {{object.last_name}} </a>
         </li>
         {% endfor %}
     </ul>
+    <h2 class="text-center">
+        <small>
             <a href="/bookshelf/home/">Home</a>
             <a href="/bookshelf/books/">Books</a>
+        </small>
+    </h2>
 {% endblock %}
\ No newline at end of file

nicsdevega_reading/bookshelf/templates/bookshelf/book_details.html

@@ -2,13 +2,22 @@
 {% load static %}
 {% block title %}{{object.title}}{% endblock %}
 {% block content %}
-    <h3>{{object.title}}</h3>
-    <a href ="{{ object.author.get_absolute_url }}"><h4>{{object.author}}</h4></a>
-    <h4>{{object.publisher}}</h4>
-    <h4>{{object.year_published}}</h4>
-    <h4>{{object.ISBN}}</h4>
-    <p>{{object.blurb}}</p>
+
+    <ul class="list-group">
+        <li class="list-group-item"><h3 class="text-center">{{object.title}}</h3></li>
+        <li class="list-group-item"><a href ="{{ object.author.get_absolute_url }}"><h4>{{object.author}}</h4></a></li>
+        <li class="list-group-item"><h4>{{object.publisher}}</h4></li>
+        <li class="list-group-item"><h4>{{object.year_published}}</h4></li>
+        <li class="list-group-item"><h4>{{object.ISBN}}</h4></li>
+        <li class="list-group-item"><p>{{object.blurb}}</p></li>
+        <li class="list-group-item">
+            <h2 class="text-center">
+                <small>
                     <a href="/bookshelf/home/">Home</a>
                     <a href="/bookshelf/books/">Books</a>
                     <a href="/bookshelf/authors/">Authors</a>
+                </small>
+            </h2>
+        </li>
+    </ul>
 {% endblock %}
\ No newline at end of file

nicsdevega_reading/bookshelf/templates/bookshelf/books.html

@@ -2,14 +2,18 @@
 {% load static %}
 {% block title %}My Favorite Books{% endblock %}
 {% block content %}
-    <h3>Welcome to Nics' Favorite Books:</h3>
-    <ul>
+    <h2 class="text-center">Welcome to Nics' Favorite Books:</h2>
+    <ul class="list-group">
         {% for object in object_list %}
-        <li> 
+        <li class="list-group-item"> 
             <a  href="{{ object.get_absolute_url }}">{{object.title}}</a>
         </li>
         {% endfor %}
-    </ul>
+        <h2 class="text-center">
+            <small>
                 <a href="/bookshelf/home/">Home</a>
                 <a href="/bookshelf/authors/">Authors</a>
+            </small>
+        </h2>
+    </ul>
 {% endblock %}
\ No newline at end of file

nicsdevega_reading/bookshelf/templates/bookshelf/home.html

@@ -2,8 +2,14 @@
 {% load static %}
 {% block title %}My Favorite Books{% endblock %}
 {% block content %}
-    <h2>Welcome to Nics' Database of Favorite Books and Authors!</h2>
-    <p>I usually like books with religious themes that make me go  <b>Insane</b>. I also like Revue Starlight!</p>
+    <h2 class="text-center">Welcome to Nics' Database of Favorite Books and Authors!</h2>
+    <br>
+    <h4 class="text-center">I usually like books with religious themes that make me go  <b>Insane</b>. I also like Revue Starlight!</p>
+    <h2 class="text-center">
+        <small>
             <a href="/bookshelf/books/">Books</a>
             <a href="/bookshelf/authors/">Authors</a>
+        </small>
+    </h2>
+
 {% endblock %}
\ No newline at end of file

nicsdevega_reading/templates/base.html

@@ -3,7 +3,7 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width,initial-scale=1.0">
-        <link rel="stylesheet" href="style.css">
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
         <title>{% block title %}{% endblock %}</title>
         {% block styles %}{% endblock %}
     </head>