diff --git a/src/assets/fonts/Onest-Bold.ttf b/src/assets/fonts/Onest-Bold.ttf
new file mode 100644
index 0000000..13f721c
Binary files /dev/null and b/src/assets/fonts/Onest-Bold.ttf differ
diff --git a/src/assets/fonts/Onest-Medium.ttf b/src/assets/fonts/Onest-Medium.ttf
new file mode 100644
index 0000000..77cb143
Binary files /dev/null and b/src/assets/fonts/Onest-Medium.ttf differ
diff --git a/src/assets/fonts/Onest-Regular.ttf b/src/assets/fonts/Onest-Regular.ttf
new file mode 100644
index 0000000..23570c7
Binary files /dev/null and b/src/assets/fonts/Onest-Regular.ttf differ
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 774bc63..2061503 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -3,7 +3,13 @@ import { getTitle } from '@/utils/env'
- {{ getTitle() }}
+
diff --git a/src/styles/colors.css b/src/styles/colors.css
new file mode 100644
index 0000000..7fdcec4
--- /dev/null
+++ b/src/styles/colors.css
@@ -0,0 +1,8 @@
+:root {
+ --color-main: #5ba8ff;
+ --color-text: #181f23;
+ --color-subtext: #2a363e;
+ --color-main-background: #fff;
+ --color-secondary-background: #e7e7e8;
+
+}
\ No newline at end of file
diff --git a/src/styles/common.css b/src/styles/common.css
index 405146b..c08d330 100644
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -79,3 +79,36 @@ body,
max-width: 1440px;
}
}
+
+.container {
+ margin: 0 auto;
+ max-width: 1320px;
+ padding: 10px 30px;
+}
+
+body {
+ width: 100%;
+ position: relative;
+ background: var(--color-main-background);
+ color: var(--color-text);
+ font-family: 'Onest', sans-serif;
+ font-weight: var(--main-font-weight);
+ font-size: var(--main-font-size);
+ min-height: 100vh;
+ margin: 0;
+ padding: 0;
+
+}
+
+a, button {
+ background: 0;
+ color: var(--color-text);
+ font-family: var(--main-font-family);
+ font-weight: var(--main-font-weight);
+ font-size: var(--main-font-size);
+ margin: 0;
+ padding: 0;
+ outline: 0;
+ text-decoration: none;
+ border: 0;
+}
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
new file mode 100644
index 0000000..cb88404
--- /dev/null
+++ b/src/styles/fonts.css
@@ -0,0 +1,29 @@
+@font-face {
+ src: url("@/assets/fonts/Onest-Bold.ttf");
+ font-family: "Onest";
+ font-weight: 600;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ src: url("@/assets/fonts/Onest-Medium.ttf");
+ font-family: "Onest";
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+}
+
+@font-face {
+ src: url("@/assets/fonts/Onest-Regular.ttf");
+ font-family: "Onest";
+ font-weight: 200;
+ font-style: normal;
+ font-display: swap;
+}
+
+:root {
+ --main-font-family: 'Onest', sans-serif;
+ --main-font-size: 18px;
+ --main-font-weight: 200;
+}
\ No newline at end of file