feat: landing page update

src/assets/styles/index.less

@@ -28,3 +28,67 @@
 &::-webkit-resizer {
 	visibility: hidden;
 }
+
+:root {
+	--accent: hsl(221, 83%, 53%);
+	--accent-300: hsl(217, 91%, 60%);
+	--accent-light: hsl(213, 94%, 68%);
+	--secondary: hsl(271, 91%, 65%);
+
+	--neutral-100: hsl(219, 11%, 65%);
+	--neutral-200: hsl(227, 9%, 57%);
+	--neutral-300: hsl(216, 12%, 84%);
+
+	--dark-100: hsl(217, 19%, 27%);
+	--dark-150: hsl(215, 14%, 33%);
+	--dark-200: hsl(215, 28%, 17%);
+	--dark-200-6: hsla(215, 28%, 17%, 0.6);
+	--dark-300: hsl(217, 26%, 17%);
+	--dark-400: hsl(221, 39%, 11%);
+	--almost-white: hsl(220, 14%, 96%);
+	--max-width: min(1104px, 95%);
+}
+
+@font-face {
+	font-family: 'Uncut-Sans-Bold';
+	font-weight: 700;
+	src: url('@/assets/fonts/uncut-sans-bold.woff2') format('woff2'),
+	url('@/assets/fonts/uncut-sans-bold.woff') format('woff');
+}
+
+@font-face {
+	font-family: 'Uncut-Sans-Bold-Italic';
+	font-weight: 700;
+	src: url('@/assets/fonts/uncut-sans-bold-italic.woff2') format('woff2'),
+	url('@/assets/fonts/uncut-sans-bold-italic.woff') format('woff');
+}
+
+*,
+*::after,
+*::before {
+	box-sizing: border-box;
+}
+
+body {
+	margin: 0;
+	font-family: 'Inter', sans-serif;
+	background-color: var(--dark-400);
+	color: var(--neutral-100);
+}
+
+img,
+video {
+	max-width: 100%;
+	display: block;
+}
+ul {
+	list-style: none;
+	padding-left: 0;
+	margin-top: 0;
+	margin-bottom: 0;
+}
+a {
+	text-decoration: none;
+	color: inherit;
+}
+