From ee83f14da469093ae64068b5821dc73dbff9376b Mon Sep 17 00:00:00 2001
From: Typee8 <wojciechjasiak1324@gmail.com>
Date: Mon, 13 Nov 2023 15:05:41 +0100
Subject: [PATCH] Add new colors and button styles

---
 styles/base.css | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/styles/base.css b/styles/base.css
index 5c1e281..0ce241b 100644
--- a/styles/base.css
+++ b/styles/base.css
@@ -1,18 +1,20 @@
 :root {
-    --color-alfa: rgb(220, 220, 220);
-    --color-beta: rgb(0, 200, 250);
+    --color-main: #EBE3D5;
+    --color-second: #B0A695;
+    --color-third: #F3EEEA;
 }
 
 .nav {
-    background: var(--color-beta);
+    background: var(--color-main);
     display: flex;
     padding: 10px;
 }
 
 .nav__item {
-    background: var(--color-alfa);
+    background: var(--color-third);
+    border-radius: 30px;
     cursor: pointer;
-    padding: 0 5px;
+    padding: 5px 20px;
     margin-left: 5px;
     position: relative;
 }
@@ -23,7 +25,7 @@
 
 .nav__link {
     display: inline-block;
-    color: var(--color-beta);
+    color: var(--color-second);
     height: 100%;
     text-decoration: none;
     width: 100%;
@@ -41,15 +43,17 @@
 }
 
 .dropdown__item {
-    background: var(--color-beta);
-    border-bottom: 3px solid var(--color-alfa);
+    background: var(--color-third);
+    border-bottom: 3px solid var(--color-second);
+    border-radius: 0 60px 0 60px;
     padding: 5px 20px;
+    margin-bottom: 5px;
     min-width: 120px;
 }
 
 .dropdown__link {
     display: inline-block;
-    color: var(--color-alfa);
+    color: var(--color-second);
     height: 100%;
     text-decoration: none;
     width: 100%;