From 53f463c13a98b0b4d1ff343a0ab234fab5e9f9b2 Mon Sep 17 00:00:00 2001
From: Promlg1104 <fabianmaerker1104@gmail.com>
Date: Mon, 29 Nov 2021 17:53:06 +0100
Subject: [PATCH] ,

---
 assets/seiten/css/index.css | 20 +++++++++++++-------
 index.html                  | 33 +++++++++++++++++----------------
 2 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/assets/seiten/css/index.css b/assets/seiten/css/index.css
index e1090fe..233b27b 100644
--- a/assets/seiten/css/index.css
+++ b/assets/seiten/css/index.css
@@ -1,7 +1,7 @@
-#top {
+#up-btn {
     position: fixed;
+    text-align: center;
     bottom: 1.2rem;
-    float: right;
     right: 18.5%;
     left: 95%;
     max-width: 75px;
@@ -9,20 +9,26 @@
     font-size: 1.3rem;
     border: rgb(138,43,226);
     background-color: #808080;
+    color: #232323;
     padding: .5px;
     border-radius: 4px;
 }
 
-#top:hover {
-    background-color: #909099;
+#up-btn:hover {
+    background-color: #232323;
     cursor: pointer;
+    color: #808080;
+    transition: all 0.75s;
 }
 
-#scroll-down {
-    margin-top: 95%;
+#down-button {
+    color: #121212;
 }
 
 #content {
-    margin-top: 95%;
+    position: fixed;
+    height: 100%;
+    min-height: 100%;
+    width: 100%;
     background-color: #121212;
 }
diff --git a/index.html b/index.html
index a61e6f4..6d930a9 100644
--- a/index.html
+++ b/index.html
@@ -23,28 +23,29 @@
         
         <div class="seite">
             <!-- Sterne -->
-            <section>
-                <span></span>
-                <span></span>
-                <span></span>
-                <span></span>
-                <span></span>
-                <span></span>
-                <span></span>
-                <span></span>
-                <span></span>
-                <span></span>
-            </section>
-
+            <div class="sterne">
+                <section>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </section>
+            </div>
             <!-- Hauptseite -->
 
             <!-- On Top Knopf -->
-            <button id="top"><a href="#top" style="color:white">Nach Oben</a></button>
+            <a id="up-btn" href="#top">Nach Oben</a>
 
             <!-- Scroll Down Knopf-->
-            <button id="scroll-down"><a href="#content"><img src="./assets/bilder/arrow_down.png"></a></button>
+            <a id="down-btn" href="#content"><img src="./assets/bilder/arrow_down.png"></a>
 
-            <div class="content">
+            <div id="content">
                 <h1>- Überschrift -</h1>
             </div>