From 41dd1a5ea7b7ad928324fffffd2a51bebf629e40 Mon Sep 17 00:00:00 2001
From: Matthew <22198949+MafewTM@users.noreply.github.com>
Date: Fri, 26 Jul 2024 14:03:27 -0400
Subject: [PATCH] chore: update some css

---
 web/src/components/carousel/Carousel.tsx        |  2 +-
 web/src/components/carousel/carousel.module.css |  1 -
 web/src/components/media/media.module.css       | 13 +------------
 web/src/global.css                              |  2 +-
 web/src/index.module.css                        |  3 ++-
 5 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/web/src/components/carousel/Carousel.tsx b/web/src/components/carousel/Carousel.tsx
index 1cfaae6..246acb0 100644
--- a/web/src/components/carousel/Carousel.tsx
+++ b/web/src/components/carousel/Carousel.tsx
@@ -21,7 +21,7 @@ export default function Media() {
 
   return (
     <div className={classes.container}>
-      <Carousel className={classes.carousel} slideSize='100%' plugins={[autoplay.current]} draggable={false} withControls={false} loop >
+      <Carousel className={classes.carousel} slideSize='100%' plugins={[autoplay.current]} draggable={false} loop withControls={false}>
         {slides}
       </Carousel>
     </div>
diff --git a/web/src/components/carousel/carousel.module.css b/web/src/components/carousel/carousel.module.css
index c2fa7c5..5e5fdc6 100644
--- a/web/src/components/carousel/carousel.module.css
+++ b/web/src/components/carousel/carousel.module.css
@@ -1,5 +1,4 @@
 .container {
-  height: 100%;
   display: flex;
   opacity: 0.6;
 }
diff --git a/web/src/components/media/media.module.css b/web/src/components/media/media.module.css
index 0c42a06..0af1e84 100644
--- a/web/src/components/media/media.module.css
+++ b/web/src/components/media/media.module.css
@@ -1,15 +1,4 @@
-.container {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  position: fixed;
-  opacity: 0.6;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: -1;
-}
+
 
 .mute {
   position: fixed !important;
diff --git a/web/src/global.css b/web/src/global.css
index 0adb2ae..cccc0dc 100644
--- a/web/src/global.css
+++ b/web/src/global.css
@@ -1,6 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');
 
-:root {
+#root {
   height: 100%;
 }
 
diff --git a/web/src/index.module.css b/web/src/index.module.css
index b8e8cc9..1dbf30f 100644
--- a/web/src/index.module.css
+++ b/web/src/index.module.css
@@ -1,9 +1,10 @@
 .container {
   height: 100%;
-  width: 100%;;
+  width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
+  background-color: var(--mantine-color-dark-8);
 }
 
 .main {