diff --git a/css/style.css b/css/style.css index fd5ad98..91f0b0f 100644 --- a/css/style.css +++ b/css/style.css @@ -52,10 +52,10 @@ body::before { /* Dark Mode Toggle Button */ .dark-mode-toggle { - position: fixed; - top: 20px; - right: 20px; - z-index: 10000; + position: absolute; + bottom: -60px; + left: 50%; + transform: translateX(-50%); width: 55px; height: 55px; border-radius: 50%; @@ -72,15 +72,16 @@ body::before { padding: 0; outline: none; pointer-events: auto; + z-index: 1001; } .dark-mode-toggle:hover { - transform: scale(1.2) rotate(20deg); + transform: translateX(-50%) scale(1.2) rotate(20deg); box-shadow: 0 8px 30px rgba(255, 20, 147, 0.6), inset 0 0 15px rgba(255, 105, 180, 0.3); } .dark-mode-toggle:active { - transform: scale(0.9); + transform: translateX(-50%) scale(0.9); } /* Dark Mode Styles */ @@ -312,6 +313,8 @@ header { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + position: relative; + padding-bottom: 20px; } .logo img { diff --git a/eis_projekt.html b/eis_projekt.html index 24b7936..5f069f1 100644 --- a/eis_projekt.html +++ b/eis_projekt.html @@ -9,11 +9,6 @@ - - -
+ +