added a:hover in text highlighting dots in links

assets/dist/main.css

@@ -763,7 +763,7 @@ header {
     header > *:last-child {
       margin-right: 1em; }
   header > h1 {
-    margin: 0 0 0 50px; }
+    margin: 0 0 0 70px; }
 
 nav#menus {
   float: right; }
@@ -790,7 +790,7 @@ h1.part {
 
 section.enonce {
   width: 450px;
-  margin: 1em 0;
+  margin: 1em 0 1em 50px;
   overflow-x: visible;
   font-family: 'amiri', sans-serif;
   font-size: 16px;
@@ -823,7 +823,7 @@ section.enonce {
         border-left: 1px solid #999; }
 
 h1.part {
-  margin: 0 0 0 50px; }
+  margin: 1em 0 0 70px; }
 
 .dot {
   position: relative;
@@ -862,23 +862,27 @@ h1.part {
       margin: 0; }
       .dot > section.text p:not(:last-child) {
         margin-bottom: 1em; }
+    .dot > section.text a {
+      color: inherit;
+      text-decoration: none;
+      font-weight: bold; }
   .dot.to-links > section.text {
     border-top: 1px solid #e2e2e2; }
   .dot.from-links > section.text {
     border-bottom: 1px solid #e2e2e2; }
-  .dot > aside.links {
+  .dot > nav.links {
     position: relative;
     left: 100px;
     box-sizing: border-box; }
-    .dot > aside.links.to {
+    .dot > nav.links.to {
       bottom: 100%;
-      margin-top: 30px;
+      margin-top: 15px;
       padding-bottom: 10px; }
-    .dot > aside.links.from {
+    .dot > nav.links.from {
       top: 100%;
       padding-top: 10px;
-      margin-bottom: 30px; }
-    .dot > aside.links:before {
+      margin-bottom: 15px; }
+    .dot > nav.links:before {
       content: "";
       border-left: 1px solid #e2e2e2;
       position: absolute;
@@ -887,14 +891,16 @@ h1.part {
       height: 100%;
       width: 1px;
       z-index: -1; }
-  .dot:hover > p.summary, .dot.opened > p.summary {
+  .dot:hover > p.summary, .dot.opened > p.summary, .dot.highlight > p.summary {
     opacity: 1;
     transition: opacity 0.4s ease-in-out; }
-  .dot:hover > span.id, .dot.opened > span.id {
+  .dot:hover > span.id, .dot.opened > span.id, .dot.highlight > span.id {
     opacity: 1;
     transition: opacity 0.4s ease-in-out; }
   .dot.disabled > * {
     color: grey; }
+  .dot:not(.opened) {
+    line-height: 0.7; }
 
 footer {
   position: fixed;