adjusted blog display elements

thestraytech · Nov 10, 2024 · 77993c3 · 77993c3
1 parent 279a074
commit 77993c3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -138,7 +138,7 @@ article {
     width: 80%;
     text-align: left;
 }
-.blog-display-go-back {
+.blog-display-left {
     opacity: 0.5;
 }
 
@@ -148,10 +148,10 @@ article {
     border: 1px solid var(--pico-primary);
     padding: 2rem;
     padding-bottom: 0;
-    box-shadow: 15px 20px 0 rgba(0, 0, 0, 0.331);
+    box-shadow: 20px 20px 0 rgba(0, 0, 0, 0.15);
 }
-.blog-display-title {
-    font-family: var(--pico-font-family);
+.blog-display-title h2 {
+    font-family: "Playwrite DE Grund", sans-serif;
 }
 .blog-display-footer {
     font-size: 0.8rem;

diff --git a/templates/blog-display.html b/templates/blog-display.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %} {% block content %}
 <center>
     <div class="blog-display" }>
-        <a class="blog-display-go-back" href="/blogs"><<< Go Back</a>
+        <a class="blog-display-left" href="/blogs"><<< Go Back</a>
         <div class="blog-display-title">
             <h2>{{ page.title }}</h2>
             <p>{{ page.description }}</p>