diff --git a/src/css/style.css b/src/css/style.css
index 0eb00f1..9c58575 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -48,6 +48,9 @@
     display: flex;
     margin-left: 369px;
     margin-top: -70.5px;
+    flex-wrap: wrap;
+    align-content: center;
+    justify-content: space-evenly;
 }
 
 .main_div {
@@ -56,14 +59,14 @@
 }
 
 .header_other_text {
-    width: 91px;
-    height: 17px;
+    /* width: 91px;
+    height: 17px; */
     color: #FFF;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     font-family: Montserrat Alternates;
     font-size: 18px;
     font-weight: 700;
-    margin-left: 75px;
+    /* margin-left: 75px; */
 }
 
 .bal {
@@ -108,4 +111,66 @@
     font-family: Montserrat;
     font-size: 16px;
     font-weight: 600;
-}
\ No newline at end of file
+}
+
+.flex-container {
+    display: flex;
+    flex-wrap: nowrap;
+  }
+
+  .flex-container > div {
+    width: 100px;
+    margin: 10px;
+    text-align: center;
+    line-height: 75px;
+    font-size: 30px;
+  }
+
+  .wallet_element_money {
+    background: #22252F;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    border-radius: 9px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    width: 55%;
+    z-index: 4;
+}
+  
+.wallet_element_image {
+    margin-top: 8px;
+}
+  
+  .wallet_element_numbers {
+    text-align: left;
+    margin-right: 10px;
+    font-weight: bold;
+    font-family: Montserrat Alternates;
+  }
+
+.wallet_element {
+    display: flex;
+    justify-content: center; 
+    align-items: center;     
+    border: 10px;
+    width: 55%;
+    height: 10%;
+    border-radius: 9px;
+    background: #EF4444;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    height: 45px;
+    z-index: 5;
+    margin-left: -5px;
+  }
+
+  .wallet_elements{
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+  }
+
+  .wallet_text{
+    margin-inline: 10px;
+  }
+  
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index e57478e..5ba0a64 100644
--- a/src/index.html
+++ b/src/index.html
@@ -18,6 +18,7 @@
                 <p class="header_title_text">PLAY NOW</p>
                 <h2 class="header_title">LUCKY DIAMOND</h2>
             </div>
+
             <div class="menu">
                 <div class="main_content">
                     <a href="#">
@@ -25,14 +26,42 @@
                 </div>
                 <a href="#" style="text-decoration: none;"><p class="header_other_text">Профиль</p></a>
                 <a href="#" style="text-decoration: none;"><p class="header_other_text">Помощь</p></a>
+
+                <div class="wallet_elements">
+                    <div class="wallet_element_money">
+                        <img src="img/basic/BalanceLogoDiamondOre.png" alt="example image" class="wallet_element_image">
+                        <div class="wallet_element_numbers">25000</div>
+                      </div>
+                     
+                      <div class="wallet_element">
+                        <p class="header_other_text wallet_text">Кошелёк</p>
+                      </div>
+                </div>
             </div>
             <div class="bal"></div>
-                <div class="bal_bac"></div>
+                <!-- <div class="bal_bac"></div>
                 <a href="#"><button class="bal_button"></button></a>
                 <img class="bal_img" src="img/basic/BalanceLogoDiamondOre.png">
                 <p class="bal_text">25000</p>
-                <p class="bal_button_text">КОШЕЛЁК</p>
+                <p class="bal_button_text">КОШЕЛЁК</p> -->
+
+                <!-- <div class="flex-container">
+                    <div>  <div class="bal_bac"></div></div>
+                    <div> <a href="#"><button class="bal_button"></button></a></div>
+                    <div> <img class="bal_img" src="img/basic/BalanceLogoDiamondOre.png"></div>  
+                    <div>  <p class="bal_text">25000</p></div>
+                    <div>   <p class="bal_button_text">КОШЕЛЁК</p></div>
+                    <div>6</div>  
+                    <div>7</div>
+                    <div>8</div>
+                  </div> -->
             </div>
+                    <!-- <div class="diamond-container">
+
+
+
+                    </div> -->
+                  
         <div class="left_panel"></div>
     </header>
     <main>