diff --git a/spin-wheel/index.html b/spin-wheel/index.html index 6535a3e..f4caafe 100644 --- a/spin-wheel/index.html +++ b/spin-wheel/index.html @@ -106,7 +106,7 @@ function draw() {
-

Photo by Guillermo Ferla on Unsplash

+

Photo by Ashwini Chaudhary(Monty) on Unsplash

diff --git a/spin-wheel/style.css b/spin-wheel/style.css index 8dcf8d1..6324bc7 100644 --- a/spin-wheel/style.css +++ b/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%;