added a:hover in text highlighting dots in links

assets/main.scss

@@ -38,7 +38,7 @@ header{
     &:last-child{ margin-right: 1em;}
   }
   >h1{
-    margin: 0 0 0 $margin_left;
+    margin: 0 0 0 $margin_left+($bullet_w/2);
   }
 }
 
@@ -101,7 +101,7 @@ h1.part{
 // /_/ /_/   \___/\___/
 section.enonce{
   width:450px;
-  margin: 1em 0;
+  margin: 1em 0 1em $margin_left;
   overflow-x: visible;
   @include base_font;
   // max-height:14px;
@@ -157,7 +157,7 @@ section.enonce{
 // /_____/\____/\__/____/
 
 h1.part{
-  margin:0 0 0 $margin_left;
+  margin:1em 0 0 $margin_left+($bullet_w/2);
 }
 
 .dot{
@@ -208,6 +208,11 @@ h1.part{
         margin-bottom:1em;
       }
     }
+    a{
+      color: inherit;
+      text-decoration: none;
+      font-weight: bold;
+    }
   }
   &.to-links > section.text{
     border-top: 1px solid #e2e2e2;
@@ -216,19 +221,19 @@ h1.part{
     border-bottom: 1px solid #e2e2e2;
   }
 
-  >aside.links{
+  >nav.links{
     position:relative;
     left: $margin_left*2;
     box-sizing: border-box;
     &.to{
       bottom:100%;
-      margin-top: 30px;
+      margin-top: 15px;
       padding-bottom:10px;
     }
     &.from{
       top:100%;
       padding-top:10px;
-      margin-bottom: 30px;
+      margin-bottom: 15px;
     }
 
     &:before{
@@ -241,7 +246,7 @@ h1.part{
     }
   }
 
-  &:hover, &.opened{
+  &:hover, &.opened, &.highlight{
     // transform: translate3d(0.5em, 0, 0);
     // transition: transform 0.1s ease-in-out;
     >p.summary{
@@ -259,6 +264,10 @@ h1.part{
     color:grey;
   }
 
+  &:not(.opened){
+    line-height: 0.7;
+  }
+
 
 }