diff --git a/src/main/resources/static/css/templatingstyle.css b/src/main/resources/static/css/templatingstyle.css
new file mode 100644
index 0000000000000000000000000000000000000000..8661180143d4330efc6f86e02d3668c8c1520f24
--- /dev/null
+++ b/src/main/resources/static/css/templatingstyle.css
@@ -0,0 +1,93 @@
+/* Header */
+.headerBar {
+    border-bottom: 2px rgb(230, 230, 230) solid;
+    margin-bottom: 20px;
+    display: flex;
+    background: blueviolet;
+}
+/* Navbar Links */
+.navBar {
+    margin-top: 50px;
+    margin-left: auto;
+    margin-right:20px;
+    text-align: right;
+}
+.work{
+    color: rgb(255, 255, 255);
+}
+.navBar ul {
+    list-style: none;
+    display: flex;
+    margin-left: 100px;
+}
+.navBar a {
+    border-left: 2px rgb(185, 185, 185) solid;
+    padding: 10px 40px;
+    text-decoration: none;
+    color:rgb(87, 86, 86);
+    white-space: nowrap;
+    overflow: hidden;
+    float: right;
+}
+.navBar a:hover {
+    background-color: rgb(209, 209, 209);
+}
+.navBar li{
+    margin-left: 10px;
+    margin-right: 10px;
+    color: rgb(255, 255, 255);
+}
+.navListLast {
+    border-right: 2px rgb(185, 185, 185) solid;
+    margin-right:40px;
+}
+
+/* Navbar Logo */
+.Logo {
+    margin-left:10px;
+    padding: 20px;
+    width: fit-content;
+}
+.Logo img {
+    width: 120px;
+    margin-left:15px;
+}
+
+/* Footer */
+footer {
+    margin-top:20px;
+    display: flex;
+    justify-content: center;
+}
+.footerBar{
+    border-top: 2px rgb(230, 230, 230) solid;
+    text-align: left;
+    display: flex;
+    background: blueviolet;
+    color: rgb(255, 255, 255);
+    padding-left: 30px;
+}
+.footerBar ul {
+    list-style: none;
+    display: flex;
+}
+.copyright{
+    text-align: left;
+    display: flex;
+}
+.containerFooter{
+    display: flex;
+    flex-direction: row;
+}
+.leftFooter{
+    flex:1;
+    color: rgb(255, 255,255);
+}
+.centerFooter{
+    flex: 1;
+    color: rgb(255, 255,255);
+}
+.rightFooter{
+    flex:1;
+    color: rgb(255, 255, 255);
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/towns/Templating.html b/src/main/resources/templates/towns/Templating.html
index 8f9c9ed0d13f9e2a97fe1f61959a71f1ebe3fa31..c27b5912286144bc1b6d3a83d255dc45c693a0ee 100644
--- a/src/main/resources/templates/towns/Templating.html
+++ b/src/main/resources/templates/towns/Templating.html
@@ -1,3 +1,4 @@
+<link rel="stylesheet" href="../../static/css/templatingstyle.css">
 <header class="headerBar" th:fragment="header">
 
 <div class="Logo">
@@ -52,98 +53,3 @@
     </div>
 </div>
 </div>
-<style>
-    /* Header */
-    .headerBar {
-        border-bottom: 2px rgb(230, 230, 230) solid;
-        margin-bottom: 20px;
-        display: flex;
-        background: blueviolet;
-    }
-    /* Navbar Links */
-    .navBar {
-        margin-top: 50px;
-        margin-left: auto;
-        margin-right:20px;
-        text-align: right;
-    }
-    .work{
-        color: rgb(255, 255, 255);
-    }
-    .navBar ul {
-        list-style: none;
-        display: flex;
-        margin-left: 100px;
-    }
-    .navBar a {
-        border-left: 2px rgb(185, 185, 185) solid;
-        padding: 10px 40px;
-        text-decoration: none;
-        color:rgb(87, 86, 86);
-        white-space: nowrap;
-        overflow: hidden;
-        float: right;
-    }
-    .navBar a:hover {
-        background-color: rgb(209, 209, 209);
-    }
-    .navBar li{
-        margin-left: 10px;
-        margin-right: 10px;
-        color: rgb(255, 255, 255);
-    }
-    .navListLast {
-        border-right: 2px rgb(185, 185, 185) solid;
-        margin-right:40px;
-    }
-
-    /* Navbar Logo */
-    .Logo {
-        margin-left:10px;
-        padding: 20px;
-        width: fit-content;
-    }
-    .Logo img {
-        width: 120px;
-        margin-left:15px;
-    }
-
-    /* Footer */
-    footer {
-        margin-top:20px;
-        display: flex;
-        justify-content: center;
-    }
-    .footerBar{
-        border-top: 2px rgb(230, 230, 230) solid;
-        text-align: left;
-        display: flex;
-        background: blueviolet;
-        color: rgb(255, 255, 255);
-        padding-left: 30px;
-    }
-    .footerBar ul {
-        list-style: none;
-        display: flex;
-    }
-    .copyright{
-        text-align: left;
-        display: flex;
-    }
-    .containerFooter{
-        display: flex;
-        flex-direction: row;
-    }
-    .leftFooter{
-        flex:1;
-        color: rgb(255, 255,255);
-    }
-    .centerFooter{
-        flex: 1;
-        color: rgb(255, 255,255);
-    }
-    .rightFooter{
-        flex:1;
-        color: rgb(255, 255, 255);
-    }
-</style>
\ No newline at end of file