diff --git a/assets/design.css b/assets/design.css index 2243f25..5d12b83 100644 --- a/assets/design.css +++ b/assets/design.css @@ -39,7 +39,6 @@ body{ display: block; color: #f2f2f2; text-align: center; - padding: 25px ; text-decoration: none; transition: ease 0.3s; } @@ -59,6 +58,7 @@ body{ float: left; } +/* Neon Knöpfe > Menü */ .neon-button { font-size: 1rem; display: inline-block; @@ -73,7 +73,6 @@ body{ text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor; box-shadow: inset 0 0 0.5em 0 rgb(138,43,226), 0 0 0.5em 0 rgb(138,43,226); } - .neon-button::before { pointer-events: none; content: ""; @@ -84,7 +83,6 @@ body{ height: 100%; } - .neon-button::after { content: ""; position: absolute; @@ -98,13 +96,11 @@ body{ z-index: -1; transition: opacity 100ms linear; } - .neon-button:hover, .neon-button:focus { color: #fff; text-shadow: none; } - .neon-button:hover::before, .neon-button:focus::before { opacity: 1; @@ -114,6 +110,7 @@ body{ opacity: 1; } +/* Logo im Menü */ #logo { float: none; position: absolute; @@ -124,6 +121,7 @@ body{ height: 105%; } +/* Hauptseite */ .seite { overflow: hidden; width: 100%; @@ -134,6 +132,7 @@ body{ background-size: 100%; } +/* Animierte Sterne */ .seite section { top: 0; left: 0; @@ -274,7 +273,9 @@ body{ animation-delay: 2.75s; animation-duration: 1.75s; } +/* Animation Ende */ +/* Text Formatierung */ .seite h1 { text-align: center; } diff --git a/index.html b/index.html index 2b82e2a..3ce34ed 100644 --- a/index.html +++ b/index.html @@ -16,8 +16,8 @@ 2. Seite
- Anmelden - Service
Retouren
Reparaturen
+ Service
Retouren
Reparaturen
+ Anmelden