🍜📡 Checkpoint

./styles/main.css:69682263/268
./2024/index.html:69682263/193

2024/index.html

@@ -80,8 +80,11 @@
         </ul>
         
         <h2>
-          Last year's physical zines
+          Last year's zines
         </h2>
+        <p>
+          <a href="https://docs.google.com/spreadsheets/d/1-lXvqXcvZi7Gtwuu9cPr9IUraCrTfgp3fchJvR7el-I/edit?usp=sharing">View the catalog.</a>
+        </p>
         <img src="https://cdn.glitch.global/2e8ca9af-7da1-4425-b7be-7fd629b919cf/2024.jpeg?v=1733981547439"
              alt="A number of zines of various sizes and designs and colors laid out on a very colorful bedspread."/>
       </main>

styles/main.css

@@ -69,7 +69,7 @@
   padding: 0.05rem 1rem;
   width: 100%;
   border: solid var(--color-text-header);
-  border-radius: 5px;
+  border-radius: 3px;
   margin-top: 1rem;
   text-align: center;
 }
@@ -89,7 +89,7 @@ a:visited {
   font-weight: bold;
   padding: 0 .2rem;
   text-decoration: none;
-  border-radius: 5px;
+  border-radius: 3px;
 }
 
 /* Images */
@@ -145,14 +145,9 @@ dd {
 }
 
 /* Focus */
-*:focus {
-  outline: 3px solid var(--color-text-main);
-  outline-offset: 2px;
-  background-color: var(--color-bg);
-  color: var(--color-text-main);
-}
-
+*:focus,
 a:focus {
-  color: var(--color-text-main);
-  background-color: var(--color-bg);
+  outline: 3px solid var(--color-text-header);
+  outline-offset: 2px;
+  background-color: var(--color-text-header);
 }