diff --git a/spin-wheel/bg-images/bg1.jpg b/web/spin-wheel/bg-images/bg1.jpg
similarity index 100%
rename from spin-wheel/bg-images/bg1.jpg
rename to web/spin-wheel/bg-images/bg1.jpg
diff --git a/spin-wheel/bg-images/bg2.jpg b/web/spin-wheel/bg-images/bg2.jpg
similarity index 100%
rename from spin-wheel/bg-images/bg2.jpg
rename to web/spin-wheel/bg-images/bg2.jpg
diff --git a/spin-wheel/bg-images/bg3.jpg b/web/spin-wheel/bg-images/bg3.jpg
similarity index 100%
rename from spin-wheel/bg-images/bg3.jpg
rename to web/spin-wheel/bg-images/bg3.jpg
diff --git a/spin-wheel/bg-images/bg4.jpg b/web/spin-wheel/bg-images/bg4.jpg
similarity index 100%
rename from spin-wheel/bg-images/bg4.jpg
rename to web/spin-wheel/bg-images/bg4.jpg
diff --git a/spin-wheel/index.html b/web/spin-wheel/index.html
similarity index 90%
rename from spin-wheel/index.html
rename to web/spin-wheel/index.html
index 6535a3e..f39b014 100644
--- a/spin-wheel/index.html
+++ b/web/spin-wheel/index.html
@@ -20,7 +20,7 @@ questions.onreadystatechange = function() {
 questions.send();
 
 function preload(){
-    img=loadImage('wheel2803.svg');
+    img=loadImage('wheel2803.png');
 }
 function setup() {
     var canvas = createCanvas(windowWidth/2, windowHeight/2);
@@ -67,7 +67,7 @@ function draw() {
          card();
     } 
   }
-  image (img,0,0,250,250);
+  image (img,0,0,windowWidth/2, windowWidth/2);
 }
 </script>
 </head>
@@ -106,14 +106,14 @@ function draw() {
         </div>
 
         <div class="credits">
-            <p>Photo by Guillermo Ferla on Unsplash</p>
+            <p>Photo by Ashwini Chaudhary(Monty) on Unsplash</p>
         </div>
     
 
-<img class="top-left-corner" src="/spin-wheel/svg/moon-stars.svg">
-<img class="top-right-corner" src="/spin-wheel/svg/dream-catcher.svg">
-<img class="bottom-left-corner" src="/spin-wheel/svg/crystalsleft.svg">
-<img class="bottom-right-corner" src="/spin-wheel/svg/crystalsright.svg">
+<img class="top-left-corner" src="./svg/moon-stars.svg">
+<img class="top-right-corner" src="./svg/dream-catcher.svg">
+<img class="bottom-left-corner" src="./svg/crystalsleft.svg">
+<img class="bottom-right-corner" src="./svg/crystalsright.svg">
 
 
 
diff --git a/spin-wheel/list.txt b/web/spin-wheel/list.txt
similarity index 100%
rename from spin-wheel/list.txt
rename to web/spin-wheel/list.txt
diff --git a/spin-wheel/p5.min.js b/web/spin-wheel/p5.min.js
similarity index 100%
rename from spin-wheel/p5.min.js
rename to web/spin-wheel/p5.min.js
diff --git a/spin-wheel/photohere.svg b/web/spin-wheel/photohere.svg
similarity index 100%
rename from spin-wheel/photohere.svg
rename to web/spin-wheel/photohere.svg
diff --git a/spin-wheel/style.css b/web/spin-wheel/style.css
similarity index 89%
rename from spin-wheel/style.css
rename to web/spin-wheel/style.css
index 8dcf8d1..6324bc7 100644
--- a/spin-wheel/style.css
+++ b/web/spin-wheel/style.css
@@ -88,8 +88,8 @@ html::before { /* Add a pseudo-element to the html element */
   }
 
   button{
-      color:black;
-      background-color:cyan;
+      color:whitesmoke;
+      background-color:violet;
       position: center;
       top:6%;
       left:50%;
@@ -108,7 +108,7 @@ html::before { /* Add a pseudo-element to the html element */
     width: fit-content;
     height: fit-content;
     padding: 5%;
-    background-color: azure;
+    background-color:azure;
     z-index: 3;
     transform: translate(-50%,-50%);
     display: none;
@@ -121,25 +121,25 @@ html::before { /* Add a pseudo-element to the html element */
   text-align: center;
   font-family: fantasy;
   font-size:5em;
-  color:antiquewhite;
+  color:lavender;
   }
 
   h2 {
     text-align: center;
     font-family: fantasy;
-    color:antiquewhite;
+    color:lavender;
   }
 
   h3 {
     text-align: center;
     font-family: fantasy;
-    color:antiquewhite;
+    color:paleturquoise;
   }
   
   p {
     text-align: center;
     font-family: monospace;
-    color:antiquewhite;
+    color:lavender;
     font-size: 1.2em;
     padding-right: 15%;
     padding-left: 15%;
diff --git a/spin-wheel/svg/cards.svg b/web/spin-wheel/svg/cards.svg
similarity index 100%
rename from spin-wheel/svg/cards.svg
rename to web/spin-wheel/svg/cards.svg
diff --git a/spin-wheel/svg/crystalsleft.svg b/web/spin-wheel/svg/crystalsleft.svg
similarity index 100%
rename from spin-wheel/svg/crystalsleft.svg
rename to web/spin-wheel/svg/crystalsleft.svg
diff --git a/spin-wheel/svg/crystalsright.svg b/web/spin-wheel/svg/crystalsright.svg
similarity index 100%
rename from spin-wheel/svg/crystalsright.svg
rename to web/spin-wheel/svg/crystalsright.svg
diff --git a/spin-wheel/svg/dream-catcher.svg b/web/spin-wheel/svg/dream-catcher.svg
similarity index 100%
rename from spin-wheel/svg/dream-catcher.svg
rename to web/spin-wheel/svg/dream-catcher.svg
diff --git a/spin-wheel/svg/moon-stars.svg b/web/spin-wheel/svg/moon-stars.svg
similarity index 100%
rename from spin-wheel/svg/moon-stars.svg
rename to web/spin-wheel/svg/moon-stars.svg
diff --git a/spin-wheel/svg/moon-triangle.svg b/web/spin-wheel/svg/moon-triangle.svg
similarity index 100%
rename from spin-wheel/svg/moon-triangle.svg
rename to web/spin-wheel/svg/moon-triangle.svg
diff --git a/spin-wheel/svg/shooting-star.svg b/web/spin-wheel/svg/shooting-star.svg
similarity index 100%
rename from spin-wheel/svg/shooting-star.svg
rename to web/spin-wheel/svg/shooting-star.svg
diff --git a/spin-wheel/svg/spiral.svg b/web/spin-wheel/svg/spiral.svg
similarity index 100%
rename from spin-wheel/svg/spiral.svg
rename to web/spin-wheel/svg/spiral.svg
diff --git a/spin-wheel/wheel1.svg b/web/spin-wheel/wheel1.svg
similarity index 100%
rename from spin-wheel/wheel1.svg
rename to web/spin-wheel/wheel1.svg
diff --git a/spin-wheel/wheel2.svg b/web/spin-wheel/wheel2.svg
similarity index 100%
rename from spin-wheel/wheel2.svg
rename to web/spin-wheel/wheel2.svg
diff --git a/web/spin-wheel/wheel2803.png b/web/spin-wheel/wheel2803.png
new file mode 100644
index 0000000..d1a27ed
Binary files /dev/null and b/web/spin-wheel/wheel2803.png differ
diff --git a/spin-wheel/wheel2803.svg b/web/spin-wheel/wheel2803.svg
similarity index 100%
rename from spin-wheel/wheel2803.svg
rename to web/spin-wheel/wheel2803.svg