ini

public/css/app.css

@@ -0,0 +1,46 @@
+:root{
+    --dark: #222f3e;
+    --light-grey: #576574;
+    --light: #c8d6e5;
+
+    --green: #1dd1a1;
+    --yellow: #feca57;
+    --red: #ff6b6b;
+    --pink: #ff9ff3;
+    --purple: #5f27cd;
+    --cyan: #48dbfb;
+    --blue: #54a0ff;
+
+}
+@font-face {
+    font-family: 'robotomono-light';
+    src: url('/assets/font/RobotoMono-Light.ttf');
+}
+*{
+    font-family: "robotomono-light";
+}
+body{
+    background-color: var(--dark);
+    color:var(--light);
+}
+.container{
+    width: 1200px;
+    margin: auto;
+    padding: 10px;
+    border: 1px solid;
+}
+table{
+    width: 100%;
+}
+table .amount{
+    text-align: right;
+}
+table .income{
+    color:var(--green);
+}
+table .expense{
+    color: var(--red);
+}
+table .transfer{
+    color: var(--pink);
+}