woops we need images

card-one/index.html

@@ -35,6 +35,13 @@
 
       <p><span class="card">Card one</span> has 16 total recipients.</p>
 
+      <ol>
+        <li class="stop">
+          <svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg>
+          <h2>California, USA</h2>
+          <img src="/img/one-00.jpg" alt="an open pop-up greeting card. the pop-up is an autumnal tree, and the inside of the card has autumn leaf designs. two small figurines sit on the card to hold it open flat."/>
+        </li>
+      </ol>
     </main>
   </body>
 </html>

css/main.css

@@ -93,6 +93,7 @@ a {
   text-decoration-color: var(--color-accent);
   transition: text-decoration-thickness .5s;
   padding: 0 .15rem;
+  border-radius: .15rem;
 }
 
 @media (any-hover: hover) {
@@ -104,7 +105,6 @@ a {
 a:focus-visible {
   text-decoration: none;
   outline: var(--color-accent) solid .15rem;
-  border-radius: .15rem;
 }
 
 ul {
@@ -155,7 +155,6 @@ nav a {
 
 nav a:focus-visible {
   outline: none;
-  border-radius: 0;
   color: var(--color-bg);
   background-color: var(--color-accent);
 }