1 files changed, 44 insertions, 30 deletions
diff --git a/client-web/public/assets/style/logger.css b/client-web/public/assets/style/logger.css
index cb76586..3d5c6e3 100644
--- a/client-web/public/assets/style/logger.css
+++ b/client-web/public/assets/style/logger.css
@@ -1,42 +1,56 @@
 .logger-container {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  transition: width 1s;
-  
-  background-color: rgba(0, 0, 0, 0.376);
-  border-radius: 0.2em;
-  border: 0px solid transparent;
-  padding: 0.2em;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    transition: width 1s;
+
+    background-color: rgba(0, 0, 0, 0.376);
+    border-radius: 0.2em;
+    border: 0px solid transparent;
+    padding: 0.2em;
 }
 
 .logger-line {
-  font-size: 1em;
-  height: 1.2em;
+    font-size: 1em;
+    height: 1.2em;
+    font-family: monospace;
+    animation-name: appear;
+    animation-timing-function: linear;
+    animation-duration: 0.3s;
+    animation-fill-mode: forwards;
+}
+.logger-line-disappear {
+    animation-name: disappear;
+    animation-timing-function: linear;
+    animation-duration: 1s;
+    animation-fill-mode: forwards;
+}
 
-  animation-name: appear, disappear;
-  animation-timing-function: linear, linear;
-  animation-delay: 0s, 3s;
-  animation-duration: 0.3s, 1s;
-  animation-fill-mode: forwards, forwards;
+.logger-error {
+    font-size: 2em;
+    color: red;
+}
+.logger-warn {
+    font-size: 2em;
+    color: yellow;
 }
 
 @keyframes appear {
-  from {
-    margin-top: -1.2em;
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
+    from {
+        margin-top: -1.2em;
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
 }
 
 @keyframes disappear {
-  from {
-    opacity: 1;
-  }
-  to {
-    margin-top: -1.2em;
-    opacity: 0;
-  }
+    from {
+        opacity: 1;
+    }
+    to {
+        margin-top: -1.2em;
+        opacity: 0;
+    }
 }