finalized design of webapp

bellapanghulan_reading/static/stylesheets/author_details.css

@@ -63,3 +63,11 @@ li:hover {
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
     transform: translateY(-5px);
 }
+
+@media only screen and (max-width: 760px) {
+    ol li {
+      font-size: small;
+      padding: 0.2rem;
+      min-width: 5rem;
+    }
+  }
\ No newline at end of file

bellapanghulan_reading/static/stylesheets/base.css

@@ -21,7 +21,7 @@ h2 {
   border: 1px solid #7448F6;
   transition: all 400ms ease;
   color: white;
-  }
+}
 
 .btn-primary:hover, .btn-secondary:hover {
   background-color: #E9E3FE;
@@ -41,7 +41,7 @@ h2 {
   background-color: transparent;
   transition: all 400ms ease;
   color: #7448F6;
-  }
+}
 
 a {
   text-decoration: none;
@@ -54,9 +54,10 @@ a:visited {
 .links {  
   display: flex;
   margin-top: 5rem;
-  margin-right: auto;
-  margin-left: auto;
+  align-items: center;
+  justify-content: center;
   gap: 1rem;
+  width: 100%;
 }
 
 @media only screen and (max-width: 1200px) {

bellapanghulan_reading/static/stylesheets/book_details.css

@@ -10,6 +10,8 @@ h2 {
     display: block;
     text-align: center;
     color: black;
+    text-decoration: underline #b39aff 4px;
+    text-underline-offset: 5px;
 }
 
 .author-details {

bellapanghulan_reading/static/stylesheets/home.css

@@ -2,6 +2,9 @@ body {
   display: grid;
   grid-template-columns: 1.5fr 2fr;
   margin-top: 10%;
+  background-image: url('../assets/home.png');
+  background-repeat: no-repeat;
+  background-size: cover; 
 }
 
 header {
@@ -18,7 +21,7 @@ header {
 }
   
 .highlight {
-    background-color: yellow;
+    background-color: #e1d7ff;
     font-weight: bold;
 }
 
@@ -34,5 +37,6 @@ header {
   }
   body {
     display: flex;
+    background: none;
   }
 }
\ No newline at end of file

bellapanghulan_reading/static/stylesheets/list.css

@@ -10,7 +10,6 @@ h2 {
     padding-left: 2.5rem;
     padding-bottom: 1rem;
     font-size: xx-large;
-    border-bottom: 1px solid white;
 }
 
 ol {