quote styling

1 files changed, 15 insertions, 6 deletions

diff --git a/assets/css/blog.css b/assets/css/blog.css
index e4f4bf8..74fea97 100644
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -96,30 +96,39 @@ hr {
 }
 
 .quote {
+    margin: 1.2rem 0;
+}
+
+.quote-main {
     display: flex;
     flex-flow: row;
     align-items: center;
-    margin: 1.2rem 0rem;
     gap: 1rem;
 }
 
 .quote p {
-    margin-top: 0rem;
-    margin-bottom: 0rem;
+    margin-top: 0;
+    margin-bottom: 0;
     color: var(--term-yellow);
 }
 
-.quote p:first-child{
+p.quote-source {
+    font-size: 0.8rem;
+    margin-left: 25%;
+    text-align: center;
+}
+
+.quote-main p:first-child{
     margin-left: auto;
     font-size: 2rem;
 }
 
-.quote p:last-child{
+.quote-main p:last-child{
     margin-right: auto;
     font-size: 2rem;
 }
 
-.quote p:not(:first-child):not(:last-child) {
+.quote-main p:not(:first-child):not(:last-child) {
     font-style: italic;
 }