From 82b6029d714ce1fb878295f7bb085cdc9f54e73b Mon Sep 17 00:00:00 2001
From: Rohit pandey <rohitpandeyofficial777@gmail.com>
Date: Fri, 1 Oct 2021 13:26:00 +0530
Subject: [PATCH] added a Special spells section

---
 .vscode/settings.json         |  3 +++
 src/halloween.html            |  9 +++++++++
 src/style/halloween/style.css | 12 ++++++++++++
 3 files changed, 24 insertions(+)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/src/halloween.html b/src/halloween.html
index 02f65cf..3cfc663 100644
--- a/src/halloween.html
+++ b/src/halloween.html
@@ -154,6 +154,15 @@ <h2 id="trickortreat" class="body-header">Trick or Treat !!</h2>
                     </div>
                 </div>
         </section>
+        <Section>
+            <h1 style="text-align: center; margin: 40px 0;">Special Magic Spells</h1>
+            <div class="spells11" style="display: flex; justify-content: space-evenly; margin-bottom: 50px;" >
+                <img class="halloimg1" src="https://i.pinimg.com/736x/fa/2a/b5/fa2ab515bdd57cc25c42e92930707a3c.jpg" alt="" width="350px">
+                <img class="halloimg1" src="https://i.pinimg.com/originals/79/b4/89/79b489935c0ead1f52a06a13639bd11a.jpg" alt="" width="350px">
+                <img class="halloimg1" src="https://i.pinimg.com/originals/a2/08/d3/a208d39f6c1341426a2b638222dcd721.jpg" alt="" width="350px">
+            </div>
+
+        </Section>
         <section class="mt-4 container">
             <div class="row">
                 <div class="video">
diff --git a/src/style/halloween/style.css b/src/style/halloween/style.css
index 52dccd8..124894d 100644
--- a/src/style/halloween/style.css
+++ b/src/style/halloween/style.css
@@ -193,3 +193,15 @@ section {
 .zoom-container {
   overflow: hidden;
 }
+
+@media screen and (max-width:1000px) {
+	.spells11{
+		flex-direction: column;
+		align-items: center;
+		justify-content: space-evenly;
+	}
+	.halloimg1{
+		margin-bottom: 30px;
+	}
+	
+}
\ No newline at end of file