From 750927fe49e31a777ad82aa0ab3e08fbdff56ebf Mon Sep 17 00:00:00 2001
From: Shannon Kay <me@shannonkay.com>
Date: Sun, 2 Mar 2025 23:50:22 -0800
Subject: [PATCH] merged CSS

---
 index.html               |  2 +-
 pinkbookscoffee/home.css | 49 +++++++++++++++++++++++++++++++++++++---
 2 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 24588bd7..d7c6af95 100755
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@
   </section>  
 <section id="intro">
   <h2>Welcome to my homepage!</h2>
-  <p>This personal website was made by me, Shannon Kay. I have a personal website because I am a person. I want to participate in the poetic ideal of the world wide web; Using the internet to connect to <em>persons</em> all around the world. This is my place on the web to have fun and be creative. There was a time when starting your website with "Welcome to my website" was dismissed as too cliche. I feel like reclaiming that, and welcoming you to my homepage.</p>
+  <p>This personal website was made by me, Shannon Kay. I am participating in the poetic ideal of the world wide web; Using the internet to connect to <em>persons</em> all around the world. I have a personal website because I am a person. This is my place on the web to have fun and be creative. There was a time when starting your website with "Welcome to my website" was dismissed as too cliche. I feel like reclaiming that, and welcoming you to my homepage.</p>
   </section>
   <p>I invite you to 💗<a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>📚.</p>
 <blockquote>Handwriting plain HTML and CSS websites again has made me feel creatively revitalized. I think this might be how some people feel when they go back to handwriting a journal. It's like I'm getting in touch with my inner tween.</blockquote>
diff --git a/pinkbookscoffee/home.css b/pinkbookscoffee/home.css
index 06a6cb26..87c60d49 100644
--- a/pinkbookscoffee/home.css
+++ b/pinkbookscoffee/home.css
@@ -248,7 +248,7 @@ nav a:hover, nav a:active {
     text-align: center; 
     display: inline-block;
     border-radius: 0.5rem;
-    width: 350px;
+    width: 378px;
     max-width: 90%;
 }
 .link a:hover, .link a:active {
@@ -285,9 +285,13 @@ article img {
         margin-left: auto;
         margin-right: auto;
         }
-.intro img {
+.intro img, .blurb img {
     padding: 5px;
 }
+#intro {
+    text-align: justify;
+    padding: 1rem;
+}
 .blurb, .intro {
     display: block;
     background-color: #f7d3d6;
@@ -326,6 +330,18 @@ ul {
     max-width: 1024px;
     border-radius: 10px;
 }
+.content {
+    display: block;
+    background-color: #f7d3d6;
+    border: solid 2pt;
+    border-color: white;
+    padding: 1rem;
+    padding-bottom: 1.5rem;
+    margin: auto;
+    text-align: left;
+    max-width: 1024px;
+    border-radius: 10px;
+}
 
 /* .intro {
     display: block;
@@ -365,7 +381,18 @@ ul {
     align-content: center;
     text-align: center;
 }
-
+.screenshot img {
+    width: 360px;
+    max-width: 90%;
+    height: auto;
+    
+}
+.screenshot {
+    width: 360px;
+    max-width: 90%;
+    height: auto;
+    
+}
 .caption {
     text-align: center;
 }
@@ -401,6 +428,22 @@ ul {
     color: #511F2C;
     font-style: italic;
 }
+blockquote {
+    font-style: normal;
+    background-color: #f4ebeb;
+    font-weight: 400;
+    color: #594f67;
+    font-family: "ivyjournal", "adobe-garamond-pro", Georgia, Garamond, Baskerville, serif;
+    font-size: 1rem;
+    text-align: justify;
+    border-image: linear-gradient(180deg, #ffa0c5, #f67b9c 100%);
+    border-image-slice: 1;
+    border-top: 0.1rem solid #FC8EAC;
+    border-left: 0.5rem solid #FC8EAC;
+    border-right: 0.1rem solid #FC8EAC;
+    border-bottom: 0.1rem solid #FC8EAC;
+    padding: 0.5rem;
+}
 
 footer {
     font-size: 1rem;