add album art

dist/output.css

@@ -538,10 +538,18 @@ video {
   margin-bottom: 0.5rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .mr-2 {
   margin-right: 0.5rem;
 }
 
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -554,10 +562,6 @@ video {
   margin-top: 18rem;
 }
 
-.mt-10 {
-  margin-top: 2.5rem;
-}
-
 .flex {
   display: flex;
 }
@@ -652,14 +656,14 @@ video {
   font-weight: 900;
 }
 
-.font-medium {
-  font-weight: 500;
-}
-
 .font-bold {
   font-weight: 700;
 }
 
+.font-medium {
+  font-weight: 500;
+}
+
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -718,6 +722,11 @@ video {
   font-weight: 700;
 }
 
+.hover\:text-blue-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
+}
+
 .hover\:text-green-500:hover {
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity));
@@ -738,16 +747,6 @@ video {
   color: rgb(250 204 21 / var(--tw-text-opacity));
 }
 
-.hover\:text-blue-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(37 99 235 / var(--tw-text-opacity));
-}
-
-.hover\:underline:hover {
-  -webkit-text-decoration-line: underline;
-          text-decoration-line: underline;
-}
-
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;

music/atruckinreverse.html

@@ -14,11 +14,12 @@ <h1 class="text-yellow-400 text-4xl md:text-7xl font-black p-5">a truck in rever
     <br>
     <button onclick="location.href='index.html'" type="button" class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 mt-2 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700">go back</button>
     <div class="flex flex-col justify-center items-center flex-nowrap mt-10">
+        <img src="media/atruckinreverse.png" alt="a truck in reverse" width="300" height="300" class="mb-5">
         <audio controls>
-            <source src="atruckinreverse.mp3" type="audio/mpeg">
+            <source src="media/atruckinreverse.mp3" type="audio/mpeg">
         Your browser does not support the audio element.
         </audio>
-        <a href="atruckinreverse.mp3" download="a truck in reverse - gabrielf11.mp3" class="hover:text-blue-600 underline font-bold">download</a>
+        <a href="media/atruckinreverse.mp3" download="a truck in reverse - gabrielf11.mp3" class="hover:text-blue-600 underline font-bold">download</a>
         <br>
         <br>
         <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a>