fix background

src/App.tsx

@@ -45,9 +45,12 @@ function App() {
   return (
     <div style={{
       backgroundImage: `url(${background})`,
-      backgroundSize: 'cover',
+      margin: "0px",
+      padding:"0px",
       backgroundPosition: 'center',
-      minHeight: '100vh'
+      width: '100%',
+      backgroundRepeat: 'repeat-y',
+
     }}>
       <Navbar onOptionSelect={handleOptionChange} />
       <div>

src/components/Navbar.tsx

@@ -44,8 +44,8 @@ export default function Navbar({ onOptionSelect }: any) {
   }
 
   return (
-    <div style={{width: "100%", backgroundColor: "black", zIndex: "10"}}>
-      <div style={{display: "flex", marginLeft: "11%", marginTop: "3%"}}>
+    <div style={{width: "100%", backgroundColor: "transparent", zIndex: "10"}}>
+      <div style={{display: "flex", marginLeft: "11%"}}>
         <img src={logo} alt="mvhackslogo" width="60" height="60" style={{marginLeft: "10px"}} />
         <Link overlay underline="none" sx={{ display: 'flex', flexDirection: 'column', alignItems: 'start'}} onClick = {() => onOptionSelect('home')}>
           <Typography sx={{color: "white", paddingLeft: "10%"}} level="h2">MV</Typography>

src/components/Prospectus.tsx

@@ -1,30 +1,72 @@
 import prospectusImage from "../images/MVH8Prospectus.png";
-import Typography from '@mui/joy/Typography';
+import Typography from "@mui/joy/Typography";
+import Box from "@mui/joy/Box";
 
 export default function Prospectus() {
-    return (<div>
-        <div id="blurbSponsors">
-            <Typography level='h2'
-                sx={{ 
-                    color: '#ffffff', 
-                    marginBottom: '2%', 
-                    marginRight: '0.7%',
-                    marginLeft: '0.7%',
-                    textAlign: "center" 
-                }}
-            >
-                SPONSOR MVHACKS 8.0!
-            </Typography>
-            <p>MVHacks is now in its 8th year of inspiring high school students throughout the country to get together and build great projects. As a prestigious, in-person hackathon, our past events have consistently attracted over 200 unique and diverse attendees. With your support, we aim to engage over 250+ students for MVHacks.</p>
-            <p>To discover more about sponsorship opportunities, please download our Sponsorship Prospectus below and reach out to us at&nbsp;
-                <a id="email" href="mailto:[email protected]" style={{color: '#c6add4'}}>[email protected]</a>.</p>
-            <p>Join us, and let's make MVHacks 8.0 an unforgettable experience. We eagerly await the participation of your company!</p>
-            <a id="prospectusDownload" href={"MVH8SponsorshipProspectus.pdf"} download style={{color: '#c6add4'}}>Download the Sponsorship Prospectus</a>
-        </div>
-        <img src={prospectusImage}
+  return (
+    <div>
+      <div id="blurbSponsors">
+        <Typography
+          level="h2"
+          sx={{
+            color: "#ffffff",
+            marginBottom: "2%",
+            marginRight: "0.7%",
+            marginLeft: "0.7%",
+            textAlign: "center",
+          }}
+        >
+          SPONSOR MVHACKS 8.0!
+        </Typography>
+        <p>
+          MVHacks is now in its 8th year of inspiring high school students
+          throughout the country to get together and build great projects. As a
+          prestigious, in-person hackathon, our past events have consistently
+          attracted over 200 unique and diverse attendees. With your support, we
+          aim to engage over 250+ students for MVHacks.
+        </p>
+        <p>
+          To discover more about sponsorship opportunities, please download our
+          Sponsorship Prospectus below and reach out to us at&nbsp;
+          <a
+            id="email"
+            href="mailto:[email protected]"
+            style={{ color: "#c6add4" }}
+          >
+            [email protected]
+          </a>
+          .
+        </p>
+        <p>
+          Join us, and let's make MVHacks 8.0 an unforgettable experience. We
+          eagerly await the participation of your company!
+        </p>
+        <a
+          id="prospectusDownload"
+          href={"MVH8SponsorshipProspectus.pdf"}
+          download
+          style={{ color: "#c6add4" }}
+        >
+          Download the Sponsorship Prospectus
+        </a>
+      </div>
+      <Box
+        alignItems="center"
+        textAlign="center"
+        display="flex"
+        justifyContent="center"
+        width="100%"
+      >
+        <Box maxWidth="800px">
+          <img
+            src={prospectusImage}
             alt="prospectus"
             id="prospectusImage"
             width="80%"
-            height="auto"/>
-    </div>)
-}
+            height="auto"
+          />
+        </Box>
+      </Box>
+    </div>
+  );
+}