From af490996dd76c8861e10e295276dd8217409648a Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 3 Dec 2023 10:57:00 +0300
Subject: [PATCH] added two-bg with filter blur, saperpage

---
 .../src/assets/css/PagesStyles/games-pages/saper.css | 12 ++++++++++++
 luckydiamond/src/pages/games-pages/SapergamePage.vue |  1 +
 2 files changed, 13 insertions(+)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index 891ecd4..a81c5ec 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -36,6 +36,18 @@ input[type="number"]::-webkit-outer-spin-button {
     z-index: -1;
 }
 
+.bg-two {
+    background: #293561;
+    filter: blur(120px);
+    position: absolute;
+    top: 220px;
+    transform: rotate(330deg);
+    left: 800px;
+    width: 40%;
+    height: 25%;
+    z-index: -1;
+}
+
 .saper-start {
     z-index: 1;
     margin-left: 5%;
diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue
index c48e0fb..3103b98 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -8,6 +8,7 @@
 
     <section class="saper">
       <div class="bg"></div>
+      <div class="bg-two"></div>
       <div class="saper-start">
         <div class="saper-start__content title-saper padding-elements">
           <h2>Сапёр</h2>