diff --git a/sass/style/main.scss b/sass/style/main.scss
index 6acb7f3..c1e094c 100644
--- a/sass/style/main.scss
+++ b/sass/style/main.scss
@@ -47,8 +47,9 @@ html {
 }
 
 // Logo
-div.brand>* {
-  padding: 0 0.25em;
+div.brand > * {
+  padding-left: 0.25em;
+  padding-right: 0.25em;
 }
 
 div.brand:hover img#logo {
diff --git a/sass/style/parts/_header.scss b/sass/style/parts/_header.scss
index d31aea1..b6770de 100644
--- a/sass/style/parts/_header.scss
+++ b/sass/style/parts/_header.scss
@@ -31,7 +31,7 @@ header {
 }
 
 header .main {
-  font-size: 1.5rem;
+  font-size: 1.2rem;
 
   /* Otherwise header and menu is too close on small screens*/
   margin-bottom: 10px;
diff --git a/sass/style/parts/_misc.scss b/sass/style/parts/_misc.scss
index b060999..27fc5a2 100644
--- a/sass/style/parts/_misc.scss
+++ b/sass/style/parts/_misc.scss
@@ -36,14 +36,25 @@ blockquote {
 a {
   color: inherit;
   text-decoration: none;
-  box-shadow: inset 0 -.15em 0 var(--primary-color);
-  transition: all .2s ease-in;
+  box-shadow: inset 0 -3px 0 var(--primary-color);
+  padding-bottom: 3px;
+  transition: all .1s ease-in;
 }
 
 a:hover {
   color: var(--hover-color);
-  box-shadow: inset 0 -1.15em 0 var(--primary-color);
-  transition: all .2s ease;
+  box-shadow: inset 0 -1.45em 0 var(--primary-color);
+  transition: all .3s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  a {
+    transition: none;
+  }
+
+  a:hover {
+    transition: none;
+  }
 }
 
 time {