From 42a7b0e9b5317853da9aeb2ec011122e7ac7b2fd Mon Sep 17 00:00:00 2001
From: Anton Livaja <anton@livaja.me>
Date: Sat, 15 Mar 2025 07:01:43 -0700
Subject: [PATCH] animate nav bar items on hover

---
 _sass/base.scss | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/_sass/base.scss b/_sass/base.scss
index 5278b75..3202eab 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -454,29 +454,33 @@ hr {
 }
 
 #home-link:hover {
-   background: none;
-   text-decoration: none;
+	background: none;
+	text-decoration: none;
 }
 
 .header-page-links li:before {
-   content: ''
+	content: ''
 }
 
 .header-page-links a {
-   margin: 0px 4px;
-   font-size: 1.1rem;
-   text-decoration: none;
+	display: inline-block;
+	margin: 0px 4px;
+	font-size: 1.1rem;
+	text-decoration: none;
+	transition: transform 0.5s ease;
 }
 
 .header-page-links a:hover {
-   background-color: transparent;
-   color: lightgrey;
+	transform: translateY(-2px);
+	background-color: transparent;
+	color: var(--link-color);
 }
 
 .left-menu {
    display: flex;
    align-items: center;
-	 filter: brightness(60%);
+	 filter: brightness(80%);
+	transition: transform 0.5s ease;
 }
 
 .left-menu:hover {
@@ -849,12 +853,11 @@ textarea {
 	font-size: 16px;
 	caret-color: white !important;
 	color: white !important;
-	height: 60px !important;
-	 background: var(--background-color) !important;
-   width: 100%;
-   padding: 8px;
-   margin-bottom: 10px;
-   height: 40px;
+	height: 130px !important;
+	background: var(--background-color) !important;
+	width: 100%;
+	padding: 8px;
+	margin-bottom: 10px;
 }
 
 .form-textarea {