Merge branch 'pufok' of https://git.gay/DeltaStudio/PufokReactApp into pufok

src/App.css

@@ -1,6 +1,6 @@
 :root {
-  --link-color: rgb(245, 132, 79);
+  --main-accent-color: #f5844f;
-  --link-hover-color: rgb(238, 127, 75);
+  --link-hover-color: #ee7f4b;
 }
 
 body {
@@ -55,8 +55,18 @@ body {
 }
 
 .navbar a {
-  color: var(--link-color); /* Цвет ссылок */
+  color: var(--main-accent-color);
-  text-decoration: none; /* Убираем подчёркивание */
+  
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  color: #efc3ea;
+  gap: 0.5rem;
+  transition: all 0.3s ease;
+  border-radius: 8px;
+  background-color: var(--main-accent-color);
+  padding: 0.5rem 1rem;
+  position: relative;
 }
 
 .navbar a:hover {
@@ -67,7 +77,7 @@ body {
   text-align: center;
   padding: 1.5rem;
   /* background: #18161f; */
-  color: rgb(238, 127, 75);
+  color: #ee7f4b;
   margin-top: auto;
 }
 
@@ -202,7 +212,7 @@ body {
 }
 
 .webring-ring h2 a {
-  color: var(--link-color);
+  color: var(--main-accent-color);
   text-decoration: none;
   font-size: 1.2rem;
   font-weight: bold;
@@ -220,7 +230,7 @@ body {
 }
 
 .webring-links a {
-  color: var(--link-color);
+  color: var(--main-accent-color);
   text-decoration: none;
   font-size: 1rem;
   transition: color 0.3s ease;