Update index.html

Weather-Arkansas · Sep 6, 2024 · 946fec3 · 946fec3
1 parent f1a49dd
commit 946fec3
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -26,14 +26,37 @@
             position: absolute;
             background: #fff;
             border-radius: 50%;
-            box-shadow: -30px 30px 60px #fff, 30px 30px 60px #fff, 60px 60px 120px #fff;
+            box-shadow: -30px 30px 60px rgba(255, 255, 255, 0.8), 30px 30px 60px rgba(255, 255, 255, 0.8), 60px 60px 120px rgba(255, 255, 255, 0.5);
             width: 200px;
             height: 60px;
             top: 50%;
             left: 50%;
             animation: moveClouds 20s linear infinite;
         }
 
+        .cloud::before, .cloud::after {
+            content: '';
+            position: absolute;
+            background: #fff;
+            border-radius: 50%;
+        }
+
+        .cloud::before {
+            width: 100px;
+            height: 100px;
+            top: -50px;
+            left: 50px;
+            box-shadow: -20px 20px 40px rgba(255, 255, 255, 0.8), 20px 20px 40px rgba(255, 255, 255, 0.8), 40px 40px 80px rgba(255, 255, 255, 0.5);
+        }
+
+        .cloud::after {
+            width: 120px;
+            height: 120px;
+            top: -60px;
+            left: 100px;
+            box-shadow: -25px 25px 50px rgba(255, 255, 255, 0.8), 25px 25px 50px rgba(255, 255, 255, 0.8), 50px 50px 100px rgba(255, 255, 255, 0.5);
+        }
+
         .sun {
             position: absolute;
             background: #FFD700; /* Gold color for the sun */