finalized design of webapp

bellapanghulan_reading/static/stylesheets/author_details.css

@@ -62,4 +62,12 @@ li:hover {
     border-color: transparent;
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
     transform: translateY(-5px);
-}
\ No newline at end of file
+}
+
+@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

 .container {
-    font-family: Verdana, Geneva, Tahoma, sans-serif;
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 header {
@@ -12,36 +12,36 @@ h2 {
 }
 
 .btn-primary {
-    width: max-content;
-    display: inline-block;
-    background-color: #7448F6;
-    padding: 0.75rem 1.2rem;
-    border-radius: 0.4rem;
-    cursor: pointer;
-    border: 1px solid #7448F6;
-    transition: all 400ms ease;
-    color: white;
-  }
+  width: max-content;
+  display: inline-block;
+  background-color: #7448F6;
+  padding: 0.75rem 1.2rem;
+  border-radius: 0.4rem;
+  cursor: pointer;
+  border: 1px solid #7448F6;
+  transition: all 400ms ease;
+  color: white;
+}
 
 .btn-primary:hover, .btn-secondary:hover {
-    background-color: #E9E3FE;
-    color: #7448F6;
-    border-color: transparent;
-    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
-    transform: translateY(-5px);
+  background-color: #E9E3FE;
+  color: #7448F6;
+  border-color: transparent;
+  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
+  transform: translateY(-5px);
 }
 
 .btn-secondary {
-    width: max-content;
-    display: inline-block;
-    padding: 0.75rem 1.2rem;
-    border-radius: 0.4rem;
-    cursor: pointer;
-    border: 1px solid #7448F6;
-    background-color: transparent;
-    transition: all 400ms ease;
-    color: #7448F6;
-  }
+  width: max-content;
+  display: inline-block;
+  padding: 0.75rem 1.2rem;
+  border-radius: 0.4rem;
+  cursor: pointer;
+  border: 1px solid #7448F6;
+  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 {