feat: new main page

1 files changed, 46 insertions, 0 deletions

diff --git a/public/static/style.css b/public/static/style.css
index 8f4c95b..562e87a 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -3,6 +3,9 @@
     --background-color-hover: #e4eed8;
     --background-color-disabled: #bec6b3;
     --border-color: #b0b9a5;
+
+    --foreground-color: #7f9c3c;
+    --foreground-color-hover: #4b5632;
 }
 
 * {
@@ -25,6 +28,22 @@ table.vertical td {
     padding: 2px;
 }
 
+a {
+    color: var(--foreground-color);
+    text-decoration: none;
+}
+
+a:hover {
+    color: var(--foreground-color-hover);
+    text-decoration: underline;
+}
+
+input {
+    padding: 2px;
+    border-radius: 4px;
+    border: 1px solid gray;
+}
+
 .container {
     width: 100%;
     min-height: 100vh;
@@ -50,6 +69,25 @@ section.content {
     flex-direction: row;
 }
 
+.big-gap {
+    gap: 32px;
+}
+
+.center {
+    justify-content: center;
+    align-items: center;
+}
+
+/** 
+------------
+   COUNTER
+------------
+*/
+.counter img:not(:first-child) {
+    margin-left: 32px;
+}
+
+
 /** 
 -----------
    NAVBAR
@@ -60,6 +98,8 @@ section.content {
     display: flex;
     flex-direction: row;
     padding: 4px;
+
+    gap: 16px;
 }
 
 .navbar .links {
@@ -68,6 +108,12 @@ section.content {
     gap: 4px;
 }
 
+.navbar .brand {
+    display: flex;
+    flex-direction: row;
+    align-items: end;
+}
+
 /** 
 -------------
    BUTTONS