🦇 Spooky Portal — Halloween CSS Art 🌙✨

A CSS-only animated Halloween scene featuring a glowing moon, flying bats, and a magical night sky — created for the Frontend Challenge - Halloween Edition (CSS Art) 🎃

---

🌕 Live Demo

🎨 See it in action:
🌐 View Live Demo (GitHub Pages)

---

👻 About the Project

This project captures the calm yet mysterious vibe of Halloween night — glowing moonlight, drifting bats, and a peaceful dark sky.
It’s built entirely with HTML + CSS, no JavaScript or external libraries.

✨ Features

• 🦇 Randomly placed and flying bats
• 🌕 Glowing animated moon
• 🌌 Soft gradient night sky with depth
• 💨 Smooth CSS transitions and animations
• 📱 Fully responsive (works beautifully on all devices)
• ⚡ Zero JavaScript — 100% CSS magic

---

🎨 Inspiration

Halloween has always been a season of creativity — spooky yet beautiful.
I wanted to recreate that feeling of looking up at the night sky and seeing bats glide by under the moonlight.

---

🧠 What I Learned

• Creating realistic motion with @keyframes and animation-delay
• Using gradients, box-shadow, and filter: blur() for lighting
• Keeping animations smooth and performant
• Building art purely with CSS, no assets or JS dependencies

---

🚀 Technologies Used

• HTML5
• CSS3 (Animations, Gradients, Transforms)
• GitHub Pages

---

🧙 Author

👤 Menula De Silva
🌐 Portfolio
💼 LinkedIn
💻 GitHub
📺 YouTube

---

🪄 License

This project is licensed under the MIT License — free to use, modify, and share.