diff --git a/images/backgrounds/beige.jpg b/images/backgrounds/beige.jpg index cc57e26..a398eb5 100644 Binary files a/images/backgrounds/beige.jpg and b/images/backgrounds/beige.jpg differ diff --git a/images/backgrounds/orangenyellow.jpg b/images/backgrounds/orangenyellow.jpg index ec095cc..8780149 100644 Binary files a/images/backgrounds/orangenyellow.jpg and b/images/backgrounds/orangenyellow.jpg differ diff --git a/script.js b/script.js index 4ded43c..38a5684 100644 --- a/script.js +++ b/script.js @@ -26,73 +26,73 @@ const monthArr = [ name: "January", image: "january.png", background: "grey.jpg", - color:"#76ADA2", + color:"#C3E2C2", }, { name: "February", image: "february.png", background: "beige.jpg", - color: "#A1895D", + color: "#DBCC95", }, { name: "March", image: "march.png", background: "pink.jpg", - color: "#D66DBF", + color: "#E1AFD1", }, { name: "April", image: "april.png", background: "pinknwhite.jpg", - color: "#C69238", + color: "#F2C18D", }, { name: "May", image: "may.png", background: "pinknblue.jpg", - color: "#33B9CB", + color: "#B7C9F2", }, { name: "June", image: "june.png", background: "rainbow.jpg", - color: "#4AC638", + color: "#BFEA7C", }, { name: "July", image: "july.png", background: "greennblue.jpg", - color: "#45B96C", + color: "#76ABAE", }, { name: "August", image: "august.png", background: "yellownpurple.jpg", - color: "#7C5BA3", + color: "#B784B7", }, { name: "September", image: "september.png", background: "orangenblue.jpg", - color: "#DB2A23", + color: "#B3A398", }, { name: "October", image: "october.png", background: "orangenyellow.jpg", - color: "#F0890E", + color: "#F6B17A", }, { name: "November", image: "november.png", background: "burgundy.jpg", - color: "#AC5B52", + color: "#CAA6A6", }, { name: "December", image: "december.png", background: "whitenblue.jpg", - color: "#2B49D3", + color: "#BFCFE7", }, ]; diff --git a/style.css b/style.css index 304a581..c901471 100644 --- a/style.css +++ b/style.css @@ -6,7 +6,7 @@ body { background-repeat: no-repeat; background-size: cover; - backdrop-filter: blur(10px); + backdrop-filter: blur(50px); display: flex; align-items: center; justify-content: center;