1 files changed, 99 insertions, 0 deletions

diff --git a/web/static/style.css b/web/static/style.css
new file mode 100644
index 0000000..c1af9b7
--- /dev/null
+++ b/web/static/style.css
@@ -0,0 +1,99 @@
+:root {
+    --header-background: #dddddd;
+    --header-border: #c4c4c4;
+
+    --box-tab-background: #e0ecd7;
+    --box-tab-color: #373829;
+    --box-border: #a4b393;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    width: 100%;
+    min-height: 100vh;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+header {
+    background: var(--header-background);
+    border-bottom: var(--header-border) solid 2px;
+    color: var(--header-border);
+    font-family: monospace;
+
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+}
+
+header,
+main {
+    padding: 4px;
+}
+
+.box {
+    border: 2px solid var(--box-border);
+}
+
+.box>.tab {
+    background: var(--box-tab-background);
+    color: var(--box-tab-color);
+    padding: 2px;
+    border-bottom: 2px solid var(--box-border);
+    display: flex;
+    align-items: center;
+}
+
+.box>.content {
+    padding: 4px;
+}
+
+.box>.content.scoreboard {
+    padding: 0 4px;
+}
+
+.scoreboard-showcase {
+    display: grid;
+    grid-template-columns: auto auto auto;
+    gap: 4px;
+    flex-grow: 1;
+}
+
+.scoreboard {
+    max-height: 256px;
+    overflow-y: scroll;
+}
+
+.scoreboard-item {
+    display: flex;
+    flex-direction: row;
+}
+
+.scoreboard-name {
+    flex-grow: 1;
+}
+
+.scoreboard-place {
+    width: 38px;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+}
+
+.column {
+    display: flex;
+    flex-direction: column;
+}
+
+.grow {
+    flex-grow: 1;
+}
+
+.gap-8 {
+    gap: 8px;
+}
\ No newline at end of file