diff --git a/misc/header.html b/misc/header.html
index 0640996..cd276e6 100644
--- a/misc/header.html
+++ b/misc/header.html
@@ -9,15 +9,15 @@
     <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap" rel="stylesheet">
     
     <style>
-        .header-container {
+        .header-container {{
             display: flex;
             align-items: center;
             justify-content: space-between;
             padding: 20px 40px;
             box-sizing: border-box;
-        }
+        }}
 
-        .header-title {
+        .header-title {{
             font-family: 'Cormorant Garamond', serif;
             font-size: 42px;
             font-weight: bold;
@@ -26,80 +26,80 @@
             position: relative;
             padding: 0.4em 0;
             flex: 1;
-        }
+        }}
 
-        .header-title::before, .header-title::after {
+        .header-title::before, .header-title::after {{
             content: "";
             position: absolute;
             height: 2px;
             width: 100%;
             background-color: {accent_color};
             left: 0;
-        }
+        }}
 
-        .header-title::before { top: 0.4em; }
-        .header-title::after { bottom: 0.4em; }
+        .header-title::before {{ top: 0.4em; }}
+        .header-title::after {{ bottom: 0.4em; }}
 
-        .logo-container {
+        .logo-container {{
             flex-shrink: 0;
             margin-left: 20px;
-        }
+        }}
 
-        .logo {
+        .logo {{
             height: 80px;
             width: auto;
             display: block;
-        }
+        }}
 
-        .header-description {
+        .header-description {{
             text-align: center;
             padding: 10px 40px 20px;
             max-width: 800px;
             margin: 0 auto;
-        }
+        }}
 
         .header-description p,
-        .header-description h2 {
+        .header-description h2 {{
             font-size: 15px;
             margin: 8px 0;
             line-height: 1.5;
-        }
+        }}
 
-        .header-description h2 {
+        .header-description h2 {{
             font-weight: bold;
             color: {accent_color};
-        }
+        }}
 
-        @media (max-width: 768px) {
-            .header-container {
+        @media (max-width: 768px) {{
+            .header-container {{
                 flex-direction: column;
                 align-items: center;
                 padding: 15px;
                 gap: 10px;
-            }
+            }}
 
-            .header-title {
+            .header-title {{
                 font-size: 28px;
                 text-align: center;
-            }
+            }}
 
-            .header-title::before, .header-title::after {
+            .header-title::before, .header-title::after {{
                 width: 80%;
                 left: 10%;
-            }
+            }}
 
-            .logo-container {
+            .logo-container {{
                 margin-left: 0;
-            }
+            }}
 
-            .logo {
+            .logo {{
                 height: 60px;
-            }
+            }}
 
-            .header-description {
+            .header-description {{
                 padding: 10px 20px 15px;
-            }
-        }
+            }}
+        }}
     </style>
 </head>
 <body>
