diff --git a/Index.html b/Index.html index 74fa505..9487666 100644 --- a/Index.html +++ b/Index.html @@ -11,13 +11,13 @@
- Hasen-Simulator des Zoo Herr Richtigmacher + Hasen-Simulator des Zoo Herr Richtigmacher.
Monat: 1
- +
diff --git a/script.js b/script.js index 6e8fc97..3cc833d 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,4 @@ - +// Aktuelle Mondatszahl - beginnt bei 1. let currentMonth = 1; @@ -16,7 +16,7 @@ function getFibonacci(n) { return b; } - +// Zeigt die aktuelle Mondatszahl im DOM an. function showMonth(month) { document.getElementById("monthDisplay").textContent = "Monat: " + month; } @@ -44,7 +44,7 @@ function showRabbits(count) { } } - +// Zum nächsten Monat wechseln und Anzeige aktualisieren. function nextMonth() { currentMonth++; showMonth(currentMonth); diff --git a/style.css b/style.css index 113c518..a0b6a89 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,4 @@ - +/* Basis-Styling für den gesamten Body */ body { margin: 0; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; @@ -8,9 +8,9 @@ body { transition: background 0.4s ease; } - +/* Header*/ header { - background: linear-gradient(135deg, #eeeeee, #fd98dd ); + background: linear-gradient(135deg, #ebebeb, #fd98dd ); color: white; padding: 25px 40px; font-size: 28px; @@ -32,7 +32,7 @@ main { box-shadow: 0 10px 30px rgba(0,0,0,0.12); animation: fadeIn 0.7s ease; } - +/* Animationen*/ @keyframes fadeIn { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: translateY(0); } @@ -48,7 +48,7 @@ main { text-shadow: 0 2px 6px rgba(0,0,0,0.1); } - +/* Button */ button { display: block; margin: 0 auto 20px auto; @@ -83,7 +83,7 @@ button:active { padding: 10px; } - +/* Kaninchen */ .rabbit { font-size: 40px; background: #f4f8ff;