diff --git a/content/styles.css b/content/styles.css
index 6a582c6..1d03244 100644
--- a/content/styles.css
+++ b/content/styles.css
@@ -43,11 +43,11 @@ a {
     text-shadow: 0px 0px 6px white;
 }
 
-.info-bar {
+#info-bar {
     text-align: center;
 }
 
-.blog-content {
+#blog-content {
     padding: 0.3em;
 }
 
diff --git a/scripts/blog b/scripts/blog
index 1b13dcd..020c43d 100755
--- a/scripts/blog
+++ b/scripts/blog
@@ -63,13 +63,13 @@ BLOG_VERSION: int = 1
 
 BLOG_MARKDOWN_TEMPLATE: str = """# %s
 
-<div class="info-bar" aria-hidden="true">
+<div id="info-bar" aria-hidden="true">
     %s | <a href="%s">back</a> | <a href="/">home</a> | <a href="%s">git</a>
 </div>
 
 <hr/>
 
-<div class="blog-content">
+<div id="blog-content">
 
 %s
 
@@ -110,7 +110,7 @@ HOME_PAGE_HTML_TEMPLATE: str = f"""<!DOCTYPE html>
 </head>
 <body>
     <h1>My blogs</h1>
-    <div class="info-bar" aria-hidden="true">
+    <div id="info-bar" aria-hidden="true">
         <p>last blog on: <code>{{lastest_blog_time}}</code> | latest blog: <a href="{{latest_blog_url}}">{{latest_blog_title}}</a> | <a href="{{git_url}}">source code</a></p>
         <hr/>
     </div>
