diff --git a/sass/_footer.scss b/sass/_footer.scss
index a669207..55c761f 100644
--- a/sass/_footer.scss
+++ b/sass/_footer.scss
@@ -1,4 +1,4 @@
-.footer {
+#site-footer {
   text-align: center;
   padding: 3rem 0 3rem;
   font-size: 1rem;
diff --git a/sass/_nav.scss b/sass/_nav.scss
index c1acd2f..89ef297 100644
--- a/sass/_nav.scss
+++ b/sass/_nav.scss
@@ -1,4 +1,4 @@
-#header {
+#site-nav {
   -webkit-backdrop-filter: saturate(180%) blur(20px);
   backdrop-filter: saturate(180%) blur(20px);
   background-color: var(--nav-bg);
diff --git a/templates/includes/footer.html b/templates/includes/footer.html
index ac33632..6934836 100644
--- a/templates/includes/footer.html
+++ b/templates/includes/footer.html
@@ -1,4 +1,4 @@
-<footer class="footer">
+<footer id="site-footer">
   {% if config.extra.footer.show_copyright %}
     <p title="Last built at {{ now() | date(format='%F %R %Z') }}">&copy; {{ config.title }}, {{ now() | date(format="%Y") }}</p>
   {% endif %}
diff --git a/templates/includes/nav.html b/templates/includes/nav.html
index 4aaf00e..fb7a9ae 100644
--- a/templates/includes/nav.html
+++ b/templates/includes/nav.html
@@ -1,4 +1,4 @@
-<header id="header">
+<header id="site-nav">
   <nav>
     <a id="title" href="{{ get_url(path='') }}">
       {% if config.extra.nav.icons %}