Add new effetc

README.md

@@ -1,2 +1,55 @@
-# noel
+# Noel
 Collection of effect for Merry Christmas with HTML, CSS, Javascript
+
++ [Merry Christmas 1](./merry-christmas-1)
++ [Merry Christmas 2](./merry-christmas-2)
++ [Merry Christmas 3](./merry-christmas-3)
++ [Merry Christmas 4](./merry-christmas-4)
++ [Merry Christmas 5](./merry-christmas-5)
++ [Merry Christmas 6](./merry-christmas-6)
++ [Merry Christmas 7](./merry-christmas-7)
++ [Merry Christmas 8](./merry-christmas-8)
++ [Merry Christmas 9](./merry-christmas-9)
++ [Merry Christmas 10](./merry-christmas-10)
++ [Merry Christmas 11](./merry-christmas-11)
++ [Merry Christmas 12](./merry-christmas-12)
++ [Merry Christmas 13](./merry-christmas-13)
++ [Merry Christmas 14](./merry-christmas-14)
++ [Merry Christmas 15](./merry-christmas-15)
++ [Merry Christmas 16](./merry-christmas-16)
++ [Merry Christmas 17](./merry-christmas-17)
++ [Merry Christmas 18](./merry-christmas-18)
++ [Merry Christmas 19](./merry-christmas-19)
++ [Merry Christmas 20](./merry-christmas-20)
++ [Merry Christmas 21](./merry-christmas-21)
++ [Merry Christmas 22](./merry-christmas-22)
++ [Merry Christmas 23](./merry-christmas-23)
++ [Merry Christmas 24](./merry-christmas-24)
++ [Merry Christmas 25](./merry-christmas-25)
++ [Merry Christmas 26](./merry-christmas-26)
++ [Merry Christmas 27](./merry-christmas-27)
++ [Merry Christmas 28](./merry-christmas-28)
++ [Merry Christmas 29](./merry-christmas-29)
++ [Merry Christmas 30](./merry-christmas-30)
++ [Merry Christmas 31](./merry-christmas-31)
++ [Merry Christmas 32](./merry-christmas-32)
++ [Merry Christmas 33](./merry-christmas-33)
++ [Merry Christmas 34](./merry-christmas-34)
++ [Merry Christmas 35](./merry-christmas-35)
++ [Merry Christmas 36](./merry-christmas-36)
++ [Merry Christmas 37](./merry-christmas-37)
++ [Merry Christmas 38](./merry-christmas-38)
++ [Merry Christmas 39](./merry-christmas-39)
++ [Merry Christmas 40](./merry-christmas-40)
++ [Merry Christmas 41](./merry-christmas-41)
++ [Merry Christmas 42](./merry-christmas-42)
++ [Merry Christmas 43](./merry-christmas-43)
++ [Merry Christmas 44](./merry-christmas-44)
++ [Merry Christmas 45](./merry-christmas-45)
++ [Merry Christmas 46](./merry-christmas-46)
++ [Merry Christmas 47](./merry-christmas-47)
++ [Merry Christmas 48](./merry-christmas-48)
++ [Merry Christmas 49](./merry-christmas-49)
++ [Merry Christmas 50](./merry-christmas-50)
++ [Merry Christmas 51](./merry-christmas-51)
++ [Merry Christmas 52](./merry-christmas-52)

merry-christmas-1/css/style.css

@@ -0,0 +1,23 @@
+body {
+    background-color: #151522;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+body,
+html {
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+
+svg {
+    width: 90%;
+    height: 90%;
+    visibility: hidden;
+
+}