From 35aede56508014907ec92fe350f74893453eb341 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Mon, 13 Nov 2023 21:16:27 +0300
Subject: [PATCH] added bg for header element

---
 luckydiamond/src/pages/HeaderElement.vue | 29 +++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index 76b1917..e557b39 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -22,8 +22,35 @@ export default {
   width: 100%;
   z-index: 1;
   user-select: none;
+  overflow: hidden;
+}
+.header::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(223, 133, 255, 0.60);
+  filter: blur(115px);
+  z-index: -1;
+}
+.header::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 22%;
+  width: 60%;
+  height: 100%;
+  background: #7000FF;
+  filter: blur(190px);
+  z-index: -2;
 }
 .header__content {
-  padding: 10px;
+  position: relative;
+  z-index: 1;
+}
+.header__logo {
+  padding: 26px 58px;
 }
 </style>
\ No newline at end of file