diff --git a/spin-wheel/bg-images/bg2.jpg b/spin-wheel/bg-images/bg2.jpg
index c1323b6..56d225e 100644
Binary files a/spin-wheel/bg-images/bg2.jpg and b/spin-wheel/bg-images/bg2.jpg differ
diff --git a/spin-wheel/index.html b/spin-wheel/index.html
index ae6307f..0f98369 100644
--- a/spin-wheel/index.html
+++ b/spin-wheel/index.html
@@ -92,7 +92,7 @@ function draw() {
diff --git a/spin-wheel/style.css b/spin-wheel/style.css
index 00299b7..94c198b 100644
--- a/spin-wheel/style.css
+++ b/spin-wheel/style.css
@@ -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/bg3.jpg) no-repeat center center fixed;
- background-size: 150%;
+ background: url(bg-images/bg2.jpg) no-repeat center center fixed;
+ background-size: 100%;
/* Add animation properties */
-webkit-animation: spin 100s linear infinite;
@@ -46,8 +46,8 @@ html {
top: 0px;
left: 0px;
transform: translate(0%,0%);
- width: 18vw;
- filter: hue-rotate(380deg);
+ width: 12vw;
+ filter: hue-rotate(0deg);
}
.top-right-corner {
@@ -55,8 +55,8 @@ html {
top: 0px;
right: 0px;
transform: translate(0%,0%);
- width: 14vw;
- filter: hue-rotate(380deg);
+ width: 12vw;
+ filter: hue-rotate(0deg);
}
.bottom-left-corner {
@@ -64,8 +64,8 @@ html {
bottom: 0px;
left: 0px;
transform: translate(-16%,40%);
- width: 31vw;
- filter: hue-rotate(80deg);
+ width: 25vw;
+ filter: hue-rotate(-68deg);
}
.bottom-right-corner{
@@ -73,10 +73,15 @@ html {
bottom: 0px;
right: 0px;
transform: translate(0%,30%);
- width: 30vw;
+ width: 25vw;
filter: hue-rotate(-68deg);
}
+ .slide {
+ width: 350px;
+ margin: 3%;
+ }
+
#wheel{
text-align: center;
filter: hue-rotate(0deg);