From d79f6871e07a1ad95e3c0aeec9420764622e6df6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?=
 =?UTF-8?q?=E3=83=96?= <netopwibby@thenetwork.email>
Date: Wed, 13 Jun 2018 16:21:17 -0500
Subject: [PATCH] Made blockquote more obvious

---
 content/.vuepress/scss/pages/_page.scss | 41 +++++++++++++++++++++----
 1 file changed, 35 insertions(+), 6 deletions(-)

diff --git a/content/.vuepress/scss/pages/_page.scss b/content/.vuepress/scss/pages/_page.scss
index d91ddc1..04d8f31 100644
--- a/content/.vuepress/scss/pages/_page.scss
+++ b/content/.vuepress/scss/pages/_page.scss
@@ -115,15 +115,44 @@
 
   blockquote {
     left: 2px;
-    padding-left: 2rem;
+    line-height: 1.5;
+    margin-bottom: 0.5rem;
     position: relative;
 
-    &::before {
-      width: 5px; height: 100%;
-      top: 0; left: 0;
+    @media (min-width: 601px) {
+      margin-left: 15%; padding: 0.5rem 0 0.05rem 2rem;
 
-      background-color: $teal;
-      content: "";
+      font-size: 1.5rem;
+      width: 70%;
+    }
+
+    @media (max-width: 600px) {
+      font-size: 1.25rem;
+      padding: 0.5rem 0 0.05rem 0;
+    }
+
+    @media (min-width: 376px) and (max-width: 600px) {
+      margin-left: 5%;
+      width: 90%;
+    }
+
+    @media (max-width: 375px) {
+    }
+
+    p {
+      font-size: inherit;
+      line-height: inherit;
+    }
+
+    &::before {
+      @include font-serif;
+      width: 150px; height: 100px;
+      top: 3rem; left: -2rem;
+
+      color: rgba($teal, 0.2);
+      content: "\201C";
+      font-size: 20rem;
+      line-height: 0.5;
       position: absolute;
     }
   }