added logo

db_app/src/components/Login.css

@@ -13,6 +13,15 @@ position:fixed;
   margin-right:20vw;
 }
 
+.logbox2 {
+  background-color: rgba(255, 255, 255, 0.33);
+  padding: 10px;
+  margin-top:2vh;
+  margin-bottom:2vh;
+  margin-left:20vw;
+  margin-right:20vw;
+}
+
 .formbox {
   background-color: rgba(255, 255, 255, 0.6);
   margin:10px;

db_app/src/components/Login.js

@@ -16,6 +16,7 @@ import {red, green, lightBlue, lightGreen} from '@mui/material/colors';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import image from "./images/main_background.jpg"
 import { ReactSession } from 'react-client-session';
+import { CardMedia, CardContent } from '@mui/material';
 
 const theme = createTheme({
     palette: {
@@ -96,7 +97,20 @@ const login = () => {
         }}
       >
         <Typography component="h1" variant="h5">Log In</Typography>
-         
+        <div className='logbox2'>
+        <Card sx={{ width:300, height:100 }}>
+        <CardMedia
+          component='Box'
+          image={ require("./images/logo.jpg")}
+          title="Logo"
+          sx={{ width: 300, height:100}}
+          alt="logo"
+          
+
+        />
+        </Card>
+        </div>
+       
           
         <form className='formbox' onSubmit={submitHandler}>
         <TextField