Start style component

src/App.js

@@ -1,5 +1,5 @@
 import React from 'react'
-
+import './App.scss'
 import { Footer, Blog,Header, Features, WhatIA, Posibilities } from './containers'
 import { Brand,Action, Navbar } from './components'
 const App = () => {

src/App.scss

@@ -0,0 +1,12 @@
+//Variaveis globaus
+$Background: #f7e8e8;
+
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    scroll-behavior: smooth;
+}
+body{
+    background-color: $Background;
+}

src/index.scss

@@ -0,0 +1,14 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
+
+:root {
+  --font-family: 'Manrope', sans-serif;
+
+  --gradient-text: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%);
+  --gradient-bar: linear-gradient(103.22deg, #AE67FA -13.86%, #F49867 99.55%);
+
+  --color-bg: #040C18;
+  --color-footer : #031B34;
+  --color-blog: #042c54;
+  --color-text: #81AFDD;
+  --color-subtext: #FF8A71;
+}