minor css fix on blog page

blog/index.php

@@ -5,7 +5,7 @@
     <title>Blog</title>
     <link href="../style.css" rel="stylesheet" type="text/css" media="all">
     <style type="text/css">
-      ul {
+      ul#articles {
         margin: 0;
         margin-top: 2rem;
         display: flex;
@@ -16,14 +16,14 @@
         overflow-x: scroll;
         flex-wrap: wrap;*/
       }
-      li {
+      ul#articles li {
         width: fit-content;
         list-style: none;
         display: inline-block;
         height: calc(100% / 3);
         margin-right: 2rem;
       }
-      ul h2 {
+      ul#articles h2 {
         margin: 0;
       }
       /*ul h2:first-of-type::before {
@@ -65,7 +65,7 @@
       }
       echo "<div id='statuscafe'><div id='statuscafe-username'><a href='https://status.cafe/users/$username' target='_blank'>status</a> $face $timeago</div><div id='statuscafe-content'>$content</div></div>";
     ?>
-    <ul>
+    <ul id="articles">
       <li><h2>2023</h2></li>
       <li><time datetime="2023-01-12 5:37">2023-01-12</time> <a href="posts/guide_things_i_keep_having_to_google/">Guide - Things I Keep Having To Google</a></li>
       <li><h2>2022</h2></li>