tweaked the punk list

Music/punklist.html

@@ -43,7 +43,7 @@
             <iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRGMbXgwS6zFC5_3kC5pevcg4S79t8fs7D6dmNSwTCKW2QEEdgU2b1OEPTZZQ64ufWfUYg136heDHnO/pubhtml?widget=true&amp;headers=false" id="sheetframe"></iframe>
         <div id="flexrow">
             <div id="legend">
-                <h4>Legend</h4>
+                <h2>Legend</h4>
                 <p><span id="bold">Band name:</span> The name of the artist<br>
                  <span id="bold">Description:</span>A rough description of the artist (usually how they describe themselves.)<br>
                  <span id="bold">Style:</span> Genre is fake, so this is how they FEEL... Also sometimes it's the page author's opinions of them.<br>
@@ -66,6 +66,7 @@
         </div>
        <a href="https://www.girlsrockschool.com/"><img src="../images/ads/GRSAD.GIF" class="inlineimg" alt="Are you a woman? nonbinary? genderqueer? intersex? Want to learn to play an instrument and start a band? Join the girls rock school! It's free!"></a>
        <img src="../images/ads/ANARCHAFEMgif.gif" alt="THE FUTURE IS ANARCHA-FEMINISM!" class="inlineimg">
+   <br><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif">
     </div>
 
     <div id="venues">

css/bandsstyles.css

@@ -2,9 +2,12 @@ html {width: 100%;}
 
 body{
     font-size: 100%;
-    color: chartreuse;
+    color: rgb(153, 218, 80);
     background-color: black;
-    list-style-position: inside
+    list-style-position: inside;
+    background-repeat: repeat;
+    font-family:'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+
 }
 
 hr{
@@ -17,6 +20,9 @@ hr{
     border-color: green chartreuse;
     margin-left: 20%;
     margin-right: 20%;
+    background-color: black;
+    padding-left: 1%;
+    padding-right: 1%;
 }
 
 #headerandskulls{
@@ -37,6 +43,7 @@ hr{
     font-weight: bold;
     font-size: 100%;
     padding: 1%;
+    background-color: black;
 }
 
 #navbutton:hover{
@@ -73,6 +80,7 @@ h2{
 
 #bold{
     font-weight: bolder;
+    color: chartreuse;
 }
 
 #flexrow{
@@ -82,15 +90,18 @@ h2{
 }
 
 #legend{
-    width: 30%;
+    width: 100%;
+    max-width: 300px;
     overflow-wrap:break-word;
     background-color: #08160d;
     border: 1px solid green;
+    
 }
 
 
 #submit{
-    width: 30%;
+    width: 100%;
+    max-width: 300px;
     overflow-wrap:break-word;
     background-color: #08160d;
     border: 1px solid green;
@@ -108,6 +119,7 @@ h2{
     margin-top: -0.5%;
     width: 69%;
     text-align: center;
+    background-color: black;
 }
 
 #sheetframe{
@@ -120,6 +132,7 @@ h2{
     border-color: green chartreuse;
     margin-left: 20%;
     margin-right: 20%;
+    background-color: black;
 }
 
 footer{
@@ -128,6 +141,7 @@ footer{
         border-color: green chartreuse;
         margin-left: 20%;
         margin-right: 20%;
+        background-color: black;
 }
 
 #skull{