fix: make styles work in older browsers

src/pages/notes/[...slug].astro

@@ -51,33 +51,32 @@ const formatDate = (date: Date) => {
     display: flex;
     gap: 5px;
   }
-  .content {
-    img {
+  .content :global(img) {
     width: 100%;
     max-width: 700px;
     margin-left: calc((100% - min(100%, 700px)) / 2);
     margin-bottom: 20px;
     cursor: pointer;
   }
-    th, td {
+  .content :global(th),
+  .content :global(td) {
     border: 1px solid #444;
     padding: 6px 10px;
   }
-    th {
+  .content :global(th) {
     text-align: left;
   }
-    table {
+  .content :global(table) {
     border-collapse: collapse;
     width: 100%;
   }
-    pre {
+  .content :global(pre) {
     padding: 12px;
     border-radius: 5px;
   }
-    p > code {
+  .content :global(code) {
     background-color: #24292e;
     padding: 2px 4px;
     border-radius: 4px;
   }
-  }
 </style>