diff --git a/styles/main.css b/styles/main.css
index 4e1bc47..50539c0 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -89,10 +89,6 @@ body {
   color: light-dark(var(--color-text-light), var(--color-text-dark));
 }
 
-h2 a, h3 a {
-  background-color: light-dark(var(--color-header-light), var(--color-header-dark));
-}
-
 /* Links */
 a:link,
 a:visited {
@@ -104,6 +100,27 @@ a:visited {
   border-radius: 3px;
 }
 
+/* Focus */
+*:focus,
+a:focus {
+  outline: 3px solid light-dark(var(--color-header-light), var(--color-header-dark));
+  outline-offset: 2px;
+  background-color: light-dark(var(--color-header-light), var(--color-header-dark));
+}
+
+/* makes the years page prettier */
+h3 a:link,
+h3 a:visited {
+  background-color: light-dark(var(--color-header-light), var(--color-header-dark));
+}
+
+h3 *:focus,
+h3 a:focus
+{
+  outline: 3px solid light-dark(var(--color-text-light), var(--color-text-dark));
+  background-color: light-dark(var(--color-text-light), var(--color-text-dark));
+}
+
 /* Images */
 img {
   width: 100%;
@@ -165,14 +182,6 @@ dd {
 	margin-bottom: .5rem;
 }
 
-/* Focus */
-*:focus,
-a:focus {
-  outline: 3px solid light-dark(var(--color-header-light), var(--color-header-dark));
-  outline-offset: 2px;
-  background-color: light-dark(var(--color-header-light), var(--color-header-dark));
-}
-
 li {
   padding: .1rem;
 }
\ No newline at end of file