diff --git a/static_files/custom_styles.css b/static_files/custom_styles.css
new file mode 100644
index 0000000..39a052c
--- /dev/null
+++ b/static_files/custom_styles.css
@@ -0,0 +1,29 @@
+.min-width {
+    width: 1%;
+    white-space: nowrap;
+}
+.preloader{
+    display: none;
+}
+.wrapper {
+    max-width: 1400px !important;
+    margin: 0 auto;
+}
+
+body.layout-boxed {
+    background: radial-gradient(circle at center, #444 0%, #ccc 80%, #fff 100%);
+}
+body.layout-boxed .wrapper {
+    background-color: #fff;
+    box-shadow: 0 0 15px rgba(0,0,0,0.2);
+}
+
+.blink {
+    animation: blink 0.8s infinite;
+}
+
+@keyframes blink {
+    0%   { opacity: 1; transform: scale(1); }
+    50%  { opacity: 0.3; transform: scale(1.1); }
+    100% { opacity: 1; transform: scale(1); }
+}
diff --git a/templates/base.html b/templates/base.html
index 70a0728..f73f748 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -28,30 +28,7 @@
     <!-- summernote -->
     <link rel="stylesheet" href="/static/AdminLTE-3.2.0/plugins/summernote/summernote-bs4.min.css">
 
-    <style>
-        .min-width {
-            width: 1%;
-            white-space: nowrap;
-        }
-        .preloader{
-            display: none;
-        }
-    </style>
-    <style>
-        .wrapper {
-            max-width: 1400px !important;
-            margin: 0 auto;
-        }
-
-        body.layout-boxed {
-            background: radial-gradient(circle at center, #444 0%, #ccc 80%, #fff 100%);
-        }
-        body.layout-boxed .wrapper {
-            background-color: #fff;
-            box-shadow: 0 0 15px rgba(0,0,0,0.2);
-        }
-    </style>
-
+    <link rel="stylesheet" href="/static/custom_styles.css">
 
     {% block page_custom_head %}{% endblock%}
 </head>