Enhance scroll indicator functionality

index.html

@@ -13,7 +13,7 @@
             <h2>Willkommen auf</h2>
             <h1>Epic-Sax</h1>
         </div>
-        <div class="arrow"></div>
+        <div class="arrow" onclick="window.scrollTo({top: window.innerHeight, behavior: 'smooth'});"></div>
     </div>
     <div class="page history">
         <h1>Geschichte</h1>
@@ -25,6 +25,7 @@
             ist. Nicht sofort und überall wurde seinerzeit das neue Instrument begeistert aufgenommen. Doch viele
             Komponisten fanden alsbald Gefallen an ihm und setzten es mit seinen klanglichen Variationsmöglichkeiten
             ein. Heut zu Tage ist das Saxophon vor allem im Jazz beheimatet, jedoch auch in der modernen Blasmusik.</p>
+        <div class="arrow" onclick="window.scrollTo({top: window.innerHeight*2, behavior: 'smooth'});"></div>
     </div>
     <div class="page explore">
         <h1 id="sax">Entdecken Sie die Vielfalt der Saxophone</h1>

inhalte/designes/index.css

@@ -133,7 +133,8 @@ div.saxophones div.saxophone > img {
 /*#### scroll #### */
 
 .arrow::before{
-    content: 'Space';
+    content: '\25bc';
+    cursor: pointer;
     color: grey;
     position: absolute;
     opacity: 0.8;