Fixed styles

frontend/components/Document/Document.scss

@@ -1,3 +1,5 @@
+@import '~styles/constants.scss';
+
 .container {
   width: 100%;
   padding: 20px 20px 40px 20px;
@@ -8,7 +10,7 @@
     :global {
       .anchor {
         visibility: hidden;
-        color: #ccc;
+        color: $gray;
       }
     }
 
@@ -33,6 +35,12 @@
   //   box-shadow: 1px 1px 1px #f5f5f5;
   // }
 
+  blockquote {
+    font-style: italic;
+    border-left: 2px solid $lightGray;
+    padding-left: 0.8em;
+  }
+
   table {
     width: 100%;
     overflow: auto;
@@ -46,13 +54,13 @@
 
     thead {
       tr {
-        border-bottom: 2px solid #eee;
+        border-bottom: 2px solid $lightGray;
       }
     }
 
     tbody {
       tr {
-        border-bottom: 1px solid #eee;
+        border-bottom: 1px solid $lightGray;
       }
     }
 
@@ -66,7 +74,7 @@
 
     th, td {
       text-align: left;
-      border: 1px 0 solid #eee;
+      border: 1px 0 solid $lightGray;
       padding: 5px 20px 5px 0;
 
       &:last-child {