addded loading progress

assets/dist/main.css

@@ -735,6 +735,21 @@ header {
       header #menus:hover nav:hover li:hover {
         color: #000; }
 
+#db-loader {
+  position: relative;
+  width: 300px;
+  height: 1px;
+  background-color: black;
+  margin-left: 70px; }
+  #db-loader #db-loaded {
+    position: absolute;
+    top: -1px;
+    left: 0;
+    width: 0%;
+    height: 3px;
+    background-color: black;
+    transition: width 1.2s; }
+
 .sticky-clone-wrapper {
   padding-top: 5em;
   position: fixed;
@@ -925,7 +940,7 @@ main#content.mode-text .opened-link .close-link-btn {
   .dot.to-links > section.text {
     border-top: 1px solid #e2e2e2;
     padding-top: 1.5em;
-    margin-top: -1.5em; }
+    margin-top: -1.4em; }
   .dot.from-links > section.text {
     border-bottom: 1px solid #e2e2e2; }
   .dot > nav.links {
@@ -934,14 +949,16 @@ main#content.mode-text .opened-link .close-link-btn {
     .dot > nav.links.to {
       bottom: 100%;
       margin-top: 15px;
-      padding-bottom: 10px; }
+      padding-bottom: 10px;
+      margin-top: 1em; }
       .dot > nav.links.to:before {
         content: "\2304";
         display: flex;
         align-items: flex-end; }
     .dot > nav.links.from {
       top: 100%;
-      padding-top: 10px; }
+      padding-top: 10px;
+      margin-bottom: 1em; }
       .dot > nav.links.from:before {
         content: "\2303"; }
     .dot > nav.links:before {
@@ -951,7 +968,7 @@ main#content.mode-text .opened-link .close-link-btn {
       left: 65px;
       height: 100%;
       width: 0;
-      z-index: -1;
+      z-index: 3;
       text-indent: -0.45em;
       line-height: 1;
       color: #4a4848; }