add background highlighting to openpgp link

diff --git a/static/contact.html b/static/contact.html
index 37d7b90836ff6f0c0e44dcf146b4a406af4e1b2f..dd9982564c8d0fe2ddd61f8bef611cfa65765e40 100644 (file)
--- a/static/contact.html
+++ b/static/contact.html
@@ -32,7 +32,7 @@
                 <h3 class="main-subheading">Email</h1>
                 <p class="main-text">Email is the best way to get in contact with me. I'll usually try to reach out to you within 24 hours of your email being sent.</p>
                 <p class="main-text">My Email: <a class="link" href="mailto:[email protected]">[email protected]</a></p>
-                <p class="main-text">OpenPGP key ID: <a class="link" href="https://keys.openpgp.org/" target="_blank">0x54FECC82771058F0</a></p>
+                <p class="main-text">OpenPGP key ID: <a class="pgp-link" href="https://keys.openpgp.org/search?q=0x54FECC82771058F0" target="_blank">0x54FECC82771058F0</a></p>
             </div>
             <div id="footer">
                 <p class="footer-text">source: <a class="footer-link" href="https://github.com/arthur-taft/website" target="_blank">github.com/arthur-taft/website</a></p>

diff --git a/static/styles.css b/static/styles.css
index c1364e715f2b0879332fbb338dd8448b779cd5f6..a4ec1293ee33124e57908075e23cfe5b47d68ece 100644 (file)
--- a/static/styles.css
+++ b/static/styles.css
@@ -89,6 +89,7 @@ body {
 }
 
 #top-nav .nav-link {
+    font-size: 1.25rem;
     display: block;
     padding: 0.5rem 1rem;
 }
@@ -144,8 +145,8 @@ body {
     margin-bottom: 1%;
 }
 
-#container .link {
-    font-size: 1rem;
+#container .pgp-link:hover {
+    background-color: var(--surface-1);
 }
 
 #footer {
@@ -168,7 +169,6 @@ body {
 
 /* Link rules that enforce theme */
 a {
-    font-size: 1.25rem;
     text-decoration: none;
 }