diff --git a/index.html b/index.html
index d05a8b6..60e9ca8 100644
--- a/index.html
+++ b/index.html
@@ -8,13 +8,20 @@
     <link rel="stylesheet" href="index_styles.css">
     <title>Document</title>
 </head>
+
 <body>
 
-    <nav>
-        <ul id="menu">
-            <li class="menu_element"><a href="/index.html">Home</a></li>
-            <li class="menu_element"><a href="/index.html">Balance</a></li>
+    <nav id="nav">
+        <ul id="menu_left">
+            <li class="menu_left_element"><a class="menu_element_text" href="/index.html">Home</a></li>
         </ul>
+
+        <ul id="menu_right">
+            <li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li>
+            <li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li>
+            <li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li>
+        </ul>
+
     </nav>
 
     <div class="balance-list">
@@ -27,4 +34,5 @@
     </div>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/index_styles.css b/index_styles.css
index 98749f5..61ada0b 100644
--- a/index_styles.css
+++ b/index_styles.css
@@ -1,18 +1,56 @@
-.menu_element {
-    background-color: orangered;
-    display: inline;
-    font-size: 400%;
-    margin: 0.8rem;
+* {
+    padding: 0;
+    margin: 0rem;
+}
+
+.menu_left_element {
+    width: 110px;
+    display: inline-block;
+    margin-left: 15px
+}
+
+.menu_right_element {
+    display: inline-block;
+    width: 50px;
+    height: 45px;
+    margin-right: 25px;
+}
+
+.menu_element_text {
+    border-radius: 10px;
+    background-color: #8583FF;
+    display: block;
+    width: 100%;
+    height: 100%;
     text-decoration: none;
+    padding: 0.4rem;
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    font-size: 2.6rem;
+    text-decoration-color: black;
+}
+
+#menu_left {
+    position: absolute;
+    left: 0;
+    list-style-type: none;
     
 }
 
-#menu {
-
+#menu_right {
+    position: absolute;
+    right: 0;
     list-style-type: none;
 }
 
 
+#nav {
+    background-color: #C4C4C4;
+    height: 1.6cm;
+    padding: 0.8rem;
+    /* padding: 0.6rem; */
+}
+
+
 .grid-wrapper {
     display: grid;
     padding: 4rem 4rem 0 4rem;
