diff --git a/themes/default/static/css/theme.css b/themes/default/static/css/theme.css
new file mode 100644
index 0000000..6f3aea3
--- /dev/null
+++ b/themes/default/static/css/theme.css
@@ -0,0 +1,41 @@
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
+    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+.top_header {
+    position: relative;
+    height: 200px;
+    background: rgb(70, 70, 124);
+    background-image: url("{{ parent_path }}static/images/header.jpg");
+    background-size: cover;
+    background-position: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.top_header_text {
+    position: absolute;
+    bottom: 10px;
+    left: 10px;        
+    color: white;
+    font-weight: bold;
+    font-size: 2.5rem;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 5px;
+    padding: 10px 20px;
+    border-radius: 10px;
+}
+/*
+@media (min-width: 768px) {
+.top_header_text {
+    font-size: 4rem;
+}
+}
+*/
+article {
+    font-size: 1.1rem;
+    line-height: 1.6;
+}
\ No newline at end of file
diff --git a/themes/default/templates/default.html b/themes/default/templates/default.html
index 67a220e..9888fe6 100644
--- a/themes/default/templates/default.html
+++ b/themes/default/templates/default.html
@@ -6,50 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="UTF-8">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
+    <link href="{{ parent_path }}static/css/theme.css" rel="stylesheet">
     <title>{{ page_title }}</title>
-    <style>
-      body {
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
-        "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
-        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      }
-      .top_header {
-        position: relative;
-        height: 200px;
-        background: rgb(70, 70, 124);
-        background-image: url("{{ parent_path }}static/images/header.jpg");
-        background-size: cover;
-        background-position: center;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
-      }
-
-      .top_header_text {
-        position: absolute;
-        bottom: 10px;
-        left: 10px;        
-        color: white;
-        font-weight: bold;
-        font-size: 2.5rem;
-        background: rgba(0, 0, 0, 0.05);
-        border-radius: 5px;
-        padding: 10px 20px;
-        border-radius: 10px;
-      }
-      /*
-      @media (min-width: 768px) {
-        .top_header_text {
-          font-size: 4rem;
-        }
-      }
-      */
-      article {
-        font-size: 1.1rem;
-        line-height: 1.6;
-      }
-    </style>
     {% block head_includes %}
     {% endblock %}