Initial commit

frontend/assets/fonts/fonts.css

@@ -0,0 +1,25 @@
+/* outfit-regular - latin */
+@font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: "Outfit";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/outfit-v11-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+/* outfit-regular - latin */
+@font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: "Outfit-Regular";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/outfit-v11-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+/* outfit-700 - latin */
+@font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: "Outfit-Bold";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../fonts/outfit-v11-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}

frontend/assets/img/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/assets/img/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

frontend/assets/img/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "BKDF",
+    "short_name": "BKDF",
+    "icons": [
+        {
+            "src": "/assets/img/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/img/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#0D0C0C",
+    "background_color": "#0D0C0C",
+    "display": "standalone"
+}

frontend/assets/variables/variables.css

@@ -0,0 +1,45 @@
+/* Figma Styles of your File */
+:root {
+    /* Colors */
+    --wire: linear-gradient(-77.29deg, rgba(0, 0, 0, 0) 0%, rgba(13, 12, 12, 1) 44.86416280269623%),
+        linear-gradient(98.68deg, rgba(0, 0, 0, 0) 0%, rgba(13, 12, 12, 1) 44.86416280269623%),
+        linear-gradient(180deg, rgba(51, 45, 44, 1) 0%, rgba(51, 45, 44, 0) 100%);
+    --bg-grey-cultured: linear-gradient(to left, #0d0c0c, #0d0c0c);
+
+    /* Fonts */
+    --quote-font-family: Poly-Italic, sans-serif;
+    --quote-font-size: 20px;
+    --quote-line-height: 100%;
+    --quote-font-weight: 400;
+    --quote-font-style: italic;
+
+    /* Effects */
+    --glow-box-shadow: 0px 0px 20px 0px rgba(209, 231, 224, 1);
+    --redglow-box-shadow: 0px 0px 24px 0px rgba(116, 30, 32, 1), 0px 0px 20px 0px rgba(116, 30, 32, 1);
+    --blackglow-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 1);
+    --buttunshadow-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.25);
+    --redneonglow-box-shadow: 0px 0px 20px 0px rgba(255, 13, 0, 1);
+    --blueneonglow-box-shadow: 0px 0px 20px 0px rgba(0, 255, 240, 1);
+    --innershadow-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
+    --redneonglow2-box-shadow: 0px 0px 20px 0px rgba(116, 30, 32, 1), inset 0px 0px 1px 0px rgba(0, 0, 0, 1);
+    --dropshadow-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
+
+    /* COLOR NEUTRAL */
+    --text-100: #f3eed9;
+    --text-200: #d1e7e0;
+    --text-invers-100: #2f4858;
+    --text-invers-200: #741e20;
+    --primary-100: #741e20;
+    --primary-200: #ad514c;
+    --bg-100: #0d0c0c;
+    --bg-200: #332d2c;
+    --neutral-white: #ffffff;
+    --text-300: #625755;
+    --bg-300: #eceaea;
+    --text-invers-150: #6d97b0;
+
+    --vertical-default-margin: 3rem;
+    --small-max-width: 1296px;
+    --normal-max-width: 1776px;
+    --horizontal-default-margin: 1.2rem;
+}