style edits

spin-wheel/index.html

@@ -20,7 +20,7 @@ questions.onreadystatechange = function() {
 questions.send();
 
 function preload(){
-    img=loadImage('wheel.svg');
+    img=loadImage('wheel1.svg');
 }
 function setup() {
     var canvas = createCanvas(windowWidth/2, windowHeight/2);

spin-wheel/style.css

@@ -2,7 +2,7 @@ html {
     position: relative; /* Make the html element a positioned parent */
   }
   
-  html::before { /* Add a pseudo-element to the html element */
+html::before { /* Add a pseudo-element to the html element */
     content: "";
     position: fixed;
     width: 200vw;
@@ -12,8 +12,8 @@ html {
     right: 0;
     bottom: 0;
     z-index: -1; /* Set a negative z-index to move the pseudo-element below the content */
-    background: url(bg-images/bg2.jpg) no-repeat center center fixed; 
-    background-size: 100%;
+    background: url(bg-images/bg4.jpg) no-repeat center center fixed;
+    background-size: cover;
 
     /* Add animation properties */
     -webkit-animation: spin 100s linear infinite;
@@ -40,7 +40,7 @@ html {
       transform: rotate(360deg);
     }
   }
-  
+
   .top-left-corner{
     position: fixed;
     top: 0px;
@@ -88,7 +88,7 @@ html {
   }
 
   button{
-      color:antiquewhite;
+      color:black;
       background-color:cyan;
       position: center;
       top:6%;