1 files changed, 37 insertions, 2 deletions
diff --git a/src/components/BlockQuote.module.css b/src/components/BlockQuote.module.css
index 0b8256e7..efa88e2e 100644
--- a/src/components/BlockQuote.module.css
+++ b/src/components/BlockQuote.module.css
@@ -1,3 +1,38 @@
 .qt {
-    background-color: var(--ifm-code-background);
-}
-\ No newline at end of file
+    position:relative;
+    border-radius:10px;
+    padding:20px;
+    border: 1px dashed;
+    margin-left: 6%;
+    margin-right: 6%;
+}
+/* mobile */
+@media screen and (max-width: 996px) {
+    .qt {
+        margin-left:0;
+        margin-right:0;
+    }
+}
+
+.qt:before {
+    position:absolute;
+    left:2%;
+    top:-18px;
+    box-sizing:border-box;
+    content: "";
+    mask: url("bxs--quote-left.svg") no-repeat 50% 50%;
+    mask-size: cover;
+    background-color: var(--ifm-font-color-secondary);
+    padding-top:12px;
+    width: 32px;
+    height:32px;
+}
+
+.qt cite {
+    font-weight: bold;
+    display:block;
+    font-style:normal;
+    margin-bottom: var(--ifm-paragraph-margin-bottom);
+    font-size: calc(var(--ifm-font-size-base)*1.05);
+}
+