diff --git a/src/global.scss b/src/global.scss
new file mode 100644
index 0000000..40bded7
--- /dev/null
+++ b/src/global.scss
@@ -0,0 +1,60 @@
+// Font
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
+
+$font-family-Roboto: "Roboto", sans-serif;
+
+// Colors
+$color-black: #000;
+$color-black-200: #100d0e;
+
+$color-gray-200: #303030;
+$color-gray-300: #5e5e5e;
+$color-gray-350: #7d7d7d;
+$color-gray-400: #919191;
+$color-gray-450: #b9b7b7;
+$color-gray-500: #c6c6c6;
+$color-gray-600: #c4c4c4;
+$color-gray-650: #e5e5e5;
+$color-gray-700: #f2f2f2;
+$color-gray-800: #f9f9f9;
+
+$blur-gray: rgba(69, 69, 69, 0.7);
+
+$color-white: #fff;
+
+$color-red: #ff0000;
+
+$color-blue: #5200ff;
+
+$color-green: #008000;
+
+* {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+
+a {
+    text-decoration: none;
+}
+
+li {
+    list-style-type: none;
+}
+
+.btn {
+    cursor: pointer;
+    background: none;
+    border: none;
+    height: fit-content;
+    width: fit-content;
+}
+
+// Pages
+@import "./pages/app.scss";
+
+// Components
+@import "./components/header/header.scss";
+@import "./components/main/main.scss";
+@import "./components/form/contactForm.scss";
+@import "./components/footer/footer.scss";