1 files changed, 46 insertions, 0 deletions
diff --git a/ui/static/css/main.css b/ui/static/css/main.css
new file mode 100644
index 0000000..3d85763
--- /dev/null
+++ b/ui/static/css/main.css
@@ -0,0 +1,46 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    font-size: 18px;
+    /* font-family: "Ubuntu Mono", monospace; */
+}
+
+/* By default, these elements only expand to the height of their content. However, by setting their height to 100%, they will take up the entire height of the viewport, ensuring that they fill the entire visible area of the browser window regardless of the content size. This can be useful for creating layouts where elements need to stretch to the full height of the screen, such as in a full-page background or a layout with a sticky footer. */
+html, body {
+    height: 100%;
+}
+
+body {
+    line-height: 1.2;
+    background-color: #e3f8fc;
+    color: #34495E;
+    overflow-y: scroll;
+}
+
+header, nav, main, footer {
+    padding: 2px 10px 0;
+}
+
+main {
+    margin-top: 54px;
+    margin-bottom: 54px;
+    min-height: calc(100vh - 345px);
+    overflow: auto;
+}
+
+h1 a {
+    font-size: 36px;
+    font-weight: bold;
+    /* background-image: url("/static/img/logo.png"); */
+    background-repeat: no-repeat;
+    background-position: 0px 0px;
+    height: 36px;
+    padding-left: 10px;
+    position: relative;
+}
+
+h1 a:hover {
+    text-decoration: none;
+    color: #34495E;
+}