Use specific class for website footer instead of generic tag selector

Just in case I ever want to use the footer tag anywhere else on the
page. I'm not sure if I'm reading this right, but it sounds like it
would make sense to put all the buttons at the bottom of the content
pages as a footer as well. I will have to reconsider this again in the
future.

assets/css/bobastyle.css

@@ -302,13 +302,13 @@ body {
   max-width: calc(720px + 2 * var(--page-margin)); /* padding is included in the element's width */
 }
 
-footer {
+.site-footer {
   margin: var(--page-margin) 0;
   text-align: center;
   font-size: smaller;
 }
 
-footer p {
+.site-footer p {
   margin: 0;
 }
 

layouts/baseof.html

@@ -20,7 +20,7 @@
             </main>
 
             {{ if or .Site.Copyright .Site.Params.footer }}
-                <footer>
+                <footer class="site-footer">
                     {{ with .Site.Copyright }}
                         {{ . | safeHTML }}
                     {{ end }}