fix shifting things, fix links, add automatic read time

_layouts/blog.html

@@ -14,7 +14,7 @@
 							{% for post in site.posts %}
 							<div class="blog-details">
 								<div class="blog-details-date">{{ post.date | date: "%b %e, %Y" }}</div>
-								<div class="blog-details-read-time">{{ post.read_time }} min read</div>
+								<div class="blog-details-read-time">{{ post.content | number_of_words | divided_by: 200 }} min read</div>
 							</div>
 							<a class="blog-link" href="{{ post.url | relative_url }}" title="{{ post.title }}">
 								<article>

_posts/2025-03-20-bitby-report.md

@@ -2,7 +2,6 @@
 layout: post
 title: Bybit incident report and mitigating controls
 date: 2025-03-20
-read_time: 12
 cover_image: "/assets/images/whale_shark.jpg"
 authors:
   - name: Anton Livaja

_sass/base.scss

@@ -603,11 +603,9 @@ footer {
 	display: inline-block;
 	text-decoration: none;
 	margin-left: 20px;
-	transition: transform 0.5s ease !important;
 }
 
 .footer-link:hover {
-	transform: translateY(-2px);
 	background: transparent;
 	color: white;
 }
@@ -660,7 +658,6 @@ hr {
 	margin: 0px 4px;
 	font-size: 1.1rem;
 	text-decoration: none;
-	transition: transform 0.5s ease;
 }
 
 .header-page-links a.active {
@@ -668,7 +665,6 @@ hr {
 }
 
 .header-page-links a:hover {
-	transform: translateY(-2px);
 	background-color: transparent;
 	color: white;
 }
@@ -1733,8 +1729,8 @@ pre {
 }
 
 .blog a:hover {
+	text-decoration: underline;
 	background: var(--background-color);
-	color: var(--dark-teal);
 }
 
 .blog-details {