style and backend models fix

src/components/Logo/index.js

@@ -2,8 +2,8 @@ import styles from "./index.module.scss";
 import leaf from "../../assets/leaf.svg"
   export default function logo() {
     return (
-      <div className="d-flex align-items-center justify-content-center">
-     <span>eco-meet</span>
+      <div className={styles.logoCon,"d-flex align-items-center justify-content-center"}>
+     <span className={styles.logo}>eco-meet</span>
      <img className={styles.leaf} src={leaf} alt="React Logo" />
      </div>
     );

src/components/Logo/index.module.scss

@@ -1,4 +1,4 @@
-span{
+.logo{
     font-family: 'Poppins', sans-serif;
     font-weight: bold;
     font-size:3.2em;
@@ -7,7 +7,7 @@ span{
 .leaf{
     width:40px;
 }
-div{
+.logoCon{
     width:100%;
     height:10vh;
 }