diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..f7a93e7
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,9 @@
+.consoleOutput {
+    max-height: 90vh;
+    background-color: #222;
+    color: #eee;
+    padding-top: 1.25rem;
+    padding-right: 1.5rem;
+    padding-bottom: 1.25rem;
+    padding-left: 1.5rem;
+}
diff --git a/templates/base.html b/templates/base.html
index c834cee..9fedd86 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,7 @@
         <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
         <script src="/static/js/app.js"></script>
+        <link href="/static/css/style.css" rel="stylesheet" type="text/css">
     </head>
     <body>
         <% block content %><% endblock %>
diff --git a/templates/job.html b/templates/job.html
index abd70b9..3d8be0b 100644
--- a/templates/job.html
+++ b/templates/job.html
@@ -23,17 +23,6 @@
 <% endblock %>
 
 <% block javascript %>
-<style>
-    .consoleOutput {
-        max-height: 90vh;
-        background-color: #222;
-        color: #eee;
-        padding-top: 1.25rem;
-        padding-right: 1.5rem;
-        padding-bottom: 1.25rem;
-        padding-left: 1.5rem;
-    }
-</style>
 <script>
     (function() {
         var app = new Vue({
