Fix story page scrolling and ellipsis spacing

public/css/style.css

@@ -401,19 +401,26 @@ ol.choice {
     padding: 0 3rem 1rem 1rem;
     /* border: 1px dotted rgba(200,200,200,1); */
     overflow: visible;
-    overflow-y: scroll;
+    overflow-y: auto;
     opacity: 0.95;
     mix-blend-mode: darken;
 }
 
 #story {
-    overflow-x:  visible;
+    overflow-x: visible;
+    box-sizing: border-box;
+    overflow-anchor: none;
     text-align: justify;
     text-justify: inter-word;
-    margin-bottom: 1.2em;
+    margin-bottom: 0;
     line-height: 1.5;
 }
 
+#paragraphs {
+    box-sizing: border-box;
+    overflow-anchor: none;
+}
+
 /* #story p span {
     font-feature-settings: 'kern' on, 'liga' on, 'onum' on, 'clig' on, 'hlig' on;
 } */
@@ -425,8 +432,10 @@ ol.choice {
 #page_right {
     /* background-color: rgba(200,200,200,0.5); */
     right: 7%;
-    height: calc(28 * 1.45 * 1.2rem);
     padding-bottom: 0;
+    scroll-behavior: smooth;
+    overscroll-behavior: contain;
+    overflow-anchor: none;
     /* transform: translateX(-1%) translateY(2%) rotateX(0deg) rotateY(-1deg) rotateZ(0deg); */
 }