feat: header and footer

1 files changed, 78 insertions, 0 deletions

diff --git a/public/static/style.css b/public/static/style.css
index a068d89..6f39084 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -1,4 +1,82 @@
 * {
     padding: 0;
     margin: 0;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+
+    width: 100%;
+    min-height: 100vh;
+}
+
+main {
+    display: flex;
+    flex-direction: column;
+    width: 50%;
+    flex-grow: 1;
+}
+
+header {
+    display: flex;
+    flex-direction: row;
+    align-items: end;
+
+    padding: 32px 0;
+}
+
+content {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+footer {
+    background: #cacaca;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 8px 0;
+}
+
+footer.big {
+    padding: 32px 0;
+}
+
+
+/**
+--- SHORTCUTS
+*/
+
+.w-50 {
+    width: 50%;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+}
+
+.align-center {
+    align-items: center;
+}
+
+.justify-center {
+    justify-content: center;
+}
+
+.gap-32 {
+    gap: 32px;
+}
+
+.gap-16 {
+    gap: 16px;
+}
+
+.gap-8 {
+    gap: 8px;
 }
\ No newline at end of file