From 9609ebcb5124616817b3441d7470cedb06e47d70 Mon Sep 17 00:00:00 2001
From: Samuel Zielke <git@samuelzielke.de>
Date: Mon, 9 Sep 2024 13:44:23 +0200
Subject: [PATCH] Add Custom.CSS for APP CSS

---
 app/static/app/css/custom.css | 28 ++++++++++++++++++++++++++++
 app/templates/app/base.html   |  1 +
 2 files changed, 29 insertions(+)
 create mode 100644 app/static/app/css/custom.css

diff --git a/app/static/app/css/custom.css b/app/static/app/css/custom.css
new file mode 100644
index 0000000..6834b76
--- /dev/null
+++ b/app/static/app/css/custom.css
@@ -0,0 +1,28 @@
+/* LOGIN START PAGE */
+@keyframes slide-out {
+    0% {
+        transform: translateX(0);
+        opacity: 1;
+    }
+    100% {
+        transform: translateX(-100%);
+        opacity: 0;
+    }
+}
+
+@keyframes fade-in {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+.slide-out {
+    animation: slide-out 1s forwards;
+}
+
+.fade-in {
+    animation: fade-in 1s forwards;
+}
\ No newline at end of file
diff --git a/app/templates/app/base.html b/app/templates/app/base.html
index 666f075..b739dfb 100644
--- a/app/templates/app/base.html
+++ b/app/templates/app/base.html
@@ -7,6 +7,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{% static 'app/css/bootstrap.css' %}">
+    <link rel="stylesheet" href="{% static 'app/css/custom.css' %}">
 
     {% progressive_web_app_meta %}