diff --git a/programmieren/spiele/Flappy-Witch/index.html b/programmieren/spiele/Flappy-Witch/index.html
index 5a31d37..957f0ad 100644
--- a/programmieren/spiele/Flappy-Witch/index.html
+++ b/programmieren/spiele/Flappy-Witch/index.html
@@ -12,6 +12,13 @@
}
body {
font-family: 'Titillium';
+ height: 100%;
+ margin: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+ background-color: #e6f7ff; /* Leichtes Blau */
}
h1 {
text-align: center;
@@ -20,10 +27,24 @@
text-align: center;
}
- /* From Uiverse.io by elijahgummer */
- .toggle-checkbox {
+ /* Ladeanimation */
+ .loader-container {
display: none;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ background-color: rgba(173, 216, 230, 0.8); /* Halbtransparenter bläulicher Hintergrund */
+ z-index: 9999; /* Sicherstellen, dass die Ladeanimation immer im Vordergrund ist */
}
+ .loading .loader-container {
+ display: flex;
+ }
+
+ /* Button Styles */
.button {
--white: #ffffff;
cursor: pointer;
@@ -213,6 +234,15 @@
+
+
+
+
+
Creative Crafter
@@ -232,19 +262,4 @@
-
-
-
-
-
-
-
-
- Creative Crafter
