diff --git a/clickableMaya.html b/clickableMaya.html
index 8a6b708..e9be9e0 100755
--- a/clickableMaya.html
+++ b/clickableMaya.html
@@ -21,8 +21,28 @@
             text-align: center;
             background-color: #aaa;
             font-family: "Helvetica Neue", sans-serif;
+        }
+
+
+        /** Code for hover info **/
+        /* Hover style by Ty Strong https://codepen.io/tystrong/pen/rVJNrQ */
+
+
+        span#tool {
+            border: blue dashed 2px;
+        }
 
+        span#tool:hover {
+            border: white solid 2px;
         }
+
+        /** Code for hovering over the mapped area of the image **/
+
+        div map area {
+            cursor:  progress;
+        }
+
+
     </style>
 </head>
 
@@ -30,9 +50,12 @@
 
     <section class="section">
         <div class="container">
+            <h1>Glyph Seeker</h1>
             <div class="tiny-text-holder">
                 <div class="lined tiny-text">
-                    <p>Use your mouse to find glyphs for The Sun (easy), and The Knife (more difficult) </p>
+                    <p>Look closely at the carvings. Try to touch your <a id="tool"
+                            data-info="Lorem ipsum dolor sit amet, perspiciatis consectetur dolor.">mouse</a> to the
+                        glyphs for The Sun (easy), and The Knife (more difficult) </p>
                 </div>
             </div>
             <div class="cleared"></div>
@@ -40,40 +63,36 @@
     </section>
 
     <div id="roundcalendar">
-        <img src="images/maya.jpg" width="528" height="704" alt="Planets" usemap="#planetmap"
-        />
-
+        <img src="images/maya.jpg" width="528" height="704" alt="Planets" usemap="#planetmap" />
 
         <map id="planetmap" name="planetmap">
-
-            <area shape="circle" title="sun glyph!" coords="240,200,39" href="sun.htm" target="_blank" onmouseover="alert('You found it; this is the Sun Glyph!')" alt="Knife glyph"/>
-
-            <area shape="circle" coords="299,152,9"   onmouseover="alert('You found it; this is the Knife Glyph!')" alt="Knife glyph" />
+            <area shape="circle" title="sun glyph!" coords="240,200,39" alt="Sun Glyph" />
+            <area shape="circle" title="knife glyph!" coords="299,152,9" alt="Knife glyph" />
         </map>
     </div>
 
     <section class="section">
         <div class="container">
-            <div class="tiny-text-holder">
-                <div class="lined tiny-text">
-                    <p>See more versions of a Mayan <br/><a
-                            href="https://duckduckgo.com/?q=maya+sun&kp=1&t=ffsb&iar=images&iax=images&ia=images">Sun Glyph</a>
-                        <br><a href="https://duckduckgo.com/?t=ffsb&q=maya+tecpatl&iax=images&ia=images">
-                            Knife Glyph</a>
-                </div>
-            </div>
-            <div class="cleared"></div>
+            <p>See more Mayan glyphs for <a
+                    href="https://duckduckgo.com/?q=maya+sun&kp=1&t=ffsb&iar=images&iax=images&ia=images"
+                    target="_blank">The Sun</a> and <a
+                    href="https://duckduckgo.com/?t=ffsb&q=maya+tecpatl&iax=images&ia=images" target="_blank">The
+                    Knife</a> </p>
         </div>
     </section>
 
     <section class="section">
         <div class="container">
-            <p>This large calendar stone was discovered in CDMX <a href="https://en.wikipedia.org/wiki/Templo_Mayor">
-                    Templo Mayor</a> in 1978</p>
-            <p>Made by Evan at <a href="https://littlefurnace">Little Furnace</a></p>
+            <p>This large calendar stone was discovered in CDMX by the <dfn
+                    data-info=" The site of Templo Mayor is near the northeast corner of what is now the Zócalo, or main plaza, of Mexico City. Templo Mayor measures approximately 328 by 262 ft at its base. Construction began sometime after 1325, and it was rebuilt six times. The temple was destroyed by the Spanish in 1521 to make way for the new cathedral. (Wikipedia)">Templo
+                    Mayor</dfn> excavation in 1978.</p>
         </div>
     </section>
-
+    <footer class="section">
+        <div class="container">
+            <p>Made by Evan at <a href="https://littlefurnace.com">Little Furnace</a></p>
+        </div>
+    </footer>
 
 </body>
 <!--
diff --git a/images/here.svg b/images/here.svg
new file mode 100644
index 0000000..6846cca
--- /dev/null
+++ b/images/here.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>HERE</title><path d="M19.29 1.007c-.697.036-1.367.384-2.008 1.036-.97.987-1.104 2.206-.679 3.316l-1.091-1.312c-.106.041-.306.203-.506.406-.572.596-.705 1.516-.558 2.125l-.734-.635-1.45 1.475 1.996 2.03c-1.583-1.326-3.007-1.259-4.323.082-1.331 1.353-1.252 3.006-.147 4.385l-.186-.189c-1.184-1.205-2.328-1.463-3.46-.298-.666.663-.772 1.314-.706 1.897l-2.794-2.83-1.625 1.651 5.372 5.48H0l3.312 3.37 3.282-3.34h3.128l-2.275-2.314c-.798-.8-1.039-1.354-.547-1.855.36-.379.773-.367 1.278.148l2.741 2.803 1.65-1.679-2.049-2.084c1.623 1.368 3.393 1.03 4.738-.351.706-.704 1.09-1.355 1.278-1.801l-1.452-.825a6.544 6.544 0 0 1-.878 1.218c-.799.812-1.543.812-2.048.392l2.94-2.992L17 12.25l1.65-1.678-1.782-1.815c-1.45-1.476-1.025-2.26-.691-2.599.212-.217.425-.378.572-.46a4.183 4.183 0 0 0 .797 1.096c1.728 1.774 3.62 1.53 5.07.042.865-.88 1.279-1.692 1.384-2.099l-1.424-.799a5.902 5.902 0 0 1-1.023 1.489c-.786.812-1.532.813-2.037.394l2.97-3.007-.374-.379C21.13 1.43 20.188.961 19.291 1.007zm-.055 1.918c.273-.002.558.113.838.35l-1.596 1.623c-.452-.527-.465-1.136 0-1.623.226-.23.485-.349.758-.35zm-7.357 7.486c.275-.002.564.113.85.35l-1.61 1.626c-.452-.528-.466-1.151 0-1.626.227-.23.486-.349.76-.35z"/></svg>
\ No newline at end of file
diff --git a/styles/sideline.css b/styles/sideline.css
index db9002f..6ecbda4 100644
--- a/styles/sideline.css
+++ b/styles/sideline.css
@@ -9,7 +9,7 @@
 
 @font-face {
   font-family: Deibi;
-  src: url(./fonts/deibi.otf); 
+  src: url(./fonts/deibi.otf);
 }
 
 
@@ -25,16 +25,14 @@ body {
 a:link {
   color: white;
 }
-a:hover {
+section div p a:hover, footer div p a:hover {
   color: yellow;
 }
 a:visited {
   color: white;
 }
 
-h1 a:hover {
-  color: yellow;
-}
+
 
 /* .section SECTION
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
@@ -64,7 +62,7 @@ section.timeline  ol li div time{
 
 section.timeline ol li div time {
   color: var(--main-color);
-  font-size: 1.5rem; 
+  font-size: 1.5rem;
   font-family: Deibi;
 }
 
@@ -231,7 +229,7 @@ button.arrow:hover {
 
 .timeline .arrows img {
   width: 45px;
-  height: 45px; 
+  height: 45px;
 }
 
 
@@ -267,42 +265,42 @@ button.arrow:hover {
 @media screen and (max-width: 599px) {
   .timeline ol,
   .timeline ol li {
-    width: auto; 
+    width: auto;
   }
-  
+
   .timeline ol {
     padding: 0;
     transform: none !important;
   }
-  
+
   .timeline ol li {
     display: block;
     height: auto;
     background: transparent;
   }
-  
+
   .timeline ol li:first-child {
     margin-top: 25px;
   }
-  
+
   .timeline ol li:not(:first-child) {
     margin-left: auto;
   }
-  
+
   .timeline ol li div {
     width: 94%;
     height: auto !important;
     margin: 0 auto 25px;
   }
-  
+
   .timeline ol li div {
     position: static;
   }
-  
+
   .timeline ol li:nth-child(odd) div {
     transform: none;
   }
-  
+
   .timeline ol li:nth-child(odd) div::before,
   .timeline ol li:nth-child(even) div::before {
     left: 50%;
@@ -312,7 +310,7 @@ button.arrow:hover {
     border-left: 1px solid white;
     height: 25px;
   }
-  
+
   .timeline ol li:last-child,
   .timeline ol li:nth-last-child(2) div::before,
   .timeline ol li:not(:last-child)::after,