Edited css file and implemented designs, edited all html files under templates

trishamillena_reading/bookshelf/templates/bookshelf/author_details.html

@@ -4,16 +4,16 @@
 
 {% block title %}{{ object.first_name }} {{ object.last_name }}{% endblock %}
 {% block content %}
-<h1>{{ object.first_name }} {{ object.last_name }}</h1>
-<p>{{ object.age }}</p>
-<p>{{ object.nationality }}</p>
-<p>{{ object.bio }}</p>
+<h1 id = "titleAuthor" >{{ object.first_name }} {{ object.last_name }}</h1>
+<p id = "Details">{{ object.age }}</p>
+<p id = "Details">{{ object.nationality }}</p>
+<p id = "Details">{{ object.bio }}</p>
 
-<p>Books by {{ object.first_name }} {{ object.last_name }} that I love:</p>
+<p id = "Love">Books by {{ object.first_name }} {{ object.last_name }} that I love:</p>
 <ul>
     {% for book in object.books_set.all %}
-    <li>
-        <a href = '{{ book.get_absolute_url }}'>
+    <li id = "design">
+        <a id = "specificBook" href = '{{ book.get_absolute_url }}'>
             {{ book.title }}
         </a>
     </li> 

trishamillena_reading/bookshelf/templates/bookshelf/authors.html

@@ -7,9 +7,9 @@
 <h1>Trisha's Favorite Authors</h1>
 <ul>
     {% for object in object_list %}
-        <li>
-            <a href = '{{ object.get_absolute_url }}'>
-            {{ object.first_name }}{{ object.last_name }}
+        <li id = "forauthorList">
+            <a id = "bookList" href = '{{ object.get_absolute_url }}'>
+            {{ object.first_name }} {{ object.last_name }}
             </a>
         </li> 
     {% endfor %}

trishamillena_reading/bookshelf/templates/bookshelf/book_details.html

@@ -5,12 +5,12 @@
 {% block title %}{{ object.title }}{% endblock %}
 {% block content %}
 
-<h1>{{ object.title }}</h1>
+<h1 id = "titleAuthor" >{{ object.title }}</h1>
 <a href ="{{object.author.get_absolute_url}}">{{ object.author }}</a>
-<p>{{ object.publisher }}</p>
-<p>{{ object.year_published }}</p>
-<p>{{ object.ISBN }}</p>
-<p>{{ object.blurb }}</p>
+<p id = "Details">{{ object.publisher }}</p>
+<p id = "Details">{{ object.year_published }}</p>
+<p id = "Details">{{ object.ISBN }}</p>
+<p id = "Details">{{ object.blurb }}</p>
 
 <a href = '/bookshelf/home/'>Home</a>
 <a href = '/bookshelf/books/'>Books</a>

trishamillena_reading/bookshelf/templates/bookshelf/books.html

@@ -8,8 +8,8 @@
 <h1>Trisha's Favorite Books</h1>
 <ul>
     {% for object in object_list %}
-    <li>
-        <a href = '{{ object.get_absolute_url }}'>
+    <li id = "forbookList">
+        <a id = "bookList" href = '{{ object.get_absolute_url }}'>
             {{ object.title }}
         </a>
     </li> 

trishamillena_reading/static/styles.css

+@import url('https://fonts.googleapis.com/css2?family=Archivo&family=Cinzel+Decorative:wght@700&family=Gilda+Display&family=Roboto:wght@900&display=swap');
+
+* {
+    font-family: 'Garamond';
+    background: lightcoral;
+}
+
+
+h1 {
+    background: whitesmoke;
+    text-align: center;
+    padding: 10px;
+}
+
+p {
+    text-align: center;
+    padding: 80px;
+    font-size: 40px;
+    background: whitesmoke;
+}
+
+a {
+    font-weight: bold;
+    font-size: 15;
+    background: whitesmoke;
+    width: 100px;
+    padding: 10px;
+    text-transform: uppercase;
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+a:hover {
+   color: darkolivegreen; 
+}
+
+a#bookList {
+    font-weight: lighter;
+    background: none;
+    color: whitesmoke;
+    text-transform: none;
+    font-size: 18px;
+}
+
+a#bookList:hover {
+    color: darkolivegreen; 
+}
+
+ul{
+    padding: 25px;
+}
+
+li#forbookList {
+    padding: 10px;
+}
+
+a#authorList {
+    font-weight: lighter;
+    background: none;
+    color: whitesmoke;
+    text-transform: none;
+    font-size: 18px;
+}
+
+li#forauthorList {
+    padding: 10px;
+}
+
+h1#titleAuthor {
+    font-size: 30px;
+}
+
+p#Details {
+    background: none;
+    padding: 15px;
+    font-size: 24px;
+    color: whitesmoke;
+}
+
+p#Love {
+    padding: 5px;
+    font-size: 24px;
+    font-weight: bold;
+}
+
+a#specificBook {
+    background: none;
+    color: whitesmoke;
+    font-size: 20px;
+    text-transform: none;
+}
+
+li#design {
+    text-align: center;
+}
+
+

trishamillena_reading/templates/base.html

@@ -3,7 +3,7 @@
 <html lang = "en">
     <head>
         <link rel = "stylesheet" href = "/static/styles.css" >
-        <title>{% block title %}My book site{% endblock %}</title>
+        <title>{% block title %}My Go-To Reads{% endblock %}</title>
         {% block styles %}{% endblock %}
     </head>