diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index fa1710a..c604a08 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -40,6 +40,7 @@ const styles = makeStyles({
 function NavBar() {
     const classes = styles()
     return (
+        <div className='navbar'>
             <Toolbar position="sticky" color="rgba(0, 0, 0, 0.87)" className={classes.bar}>   
                 <img src={logo} className={classes.logo}/> 
                 <img src={logoMobile} className={classes.logoMobile}/> 
@@ -60,6 +61,7 @@ function NavBar() {
                 </Typography>
                 <CustomBtn txt="Trial Our Product"/>
             </Toolbar>
+            </div>
     )
 }
 
diff --git a/src/index.css b/src/index.css
index ec2585e..fe439b0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,9 +5,15 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: #5d4257;
+  background-image: linear-gradient(315deg, #5d4257 0%, #a5c7b7 74%);
 }
 
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+.classes.bar{
+  background-color: #f2cf43;
+background-image: linear-gradient(315deg, #f2cf43 0%, #19a186 74%);
+}
\ No newline at end of file