MVP website

2026-05-26 20:49:55 +00:00 · 2024-02-14 12:52:52 +00:00
parent 18b53db737
commit fd813b8b33
7 changed files with 523 additions and 3 deletions
@@ -0,0 +1,57 @@
+:root {
+    color-scheme: light;
+    --spacing: 24px;
+    --theme: #242424;
+    --background-color: #f8f8f8;
+    --surface-color: #fff;
+    --backdrop-color: rgba(247, 247, 247, .54);
+    --shadow-color: rgba(0, 0, 0, .12);
+    --font-color: rgba(0, 0, 0, .87);
+    --font-color-contrast: rgba(255, 255, 255, 1);
+    --font-color-secondary: rgba(0, 0, 0, .6);
+    --font-family-base: Roboto, sans-serif;
+    --font-family-heading: "Sen", Roboto, sans-serif;
+    --border-radius: 8px
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        color-scheme: dark;
+        --theme: #eee;
+        --background-color: #141414;
+        --backdrop-color: rgba(20, 20, 20, .54);
+        --shadow-color: rgba(255, 255, 255, .12);
+        --surface-color: #242424;
+        --font-color: rgba(255, 255, 255, .87);
+        --font-color-contrast: rgba(0, 0, 0, .87);
+        --font-color-secondary: rgba(255, 255, 255, .6)
+    }
+}
+
+
+html {
+    font-family: var(--font-family-base);
+    background-color: var(--background-color);
+    color: var(--font-color);
+    font-size: 16px;
+    line-height: 1.5
+}
+
+body {
+    padding: 0;
+    margin: 0
+}
+
+iframe,
+img,
+svg {
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+
+.main {
+    max-width: 1056px;
+    margin: 0 auto;
+    padding: 0 var(--spacing);
+}