minor edited logo&color style

src/components/Navbar.jsx

@@ -42,7 +42,7 @@ const Navbar = () => {
                         window.scrollTo(0, 0);
                     }}
                 >
-                    <img src={logo} alt='logo' className='w-9 h-9 object-contain'/>
+                    <img src={logo} alt='logo' className='w-9 h-9 object-contain' style={{ borderRadius: '50%' }}/>
                     <p className='text-white text-[18px] font-bold cursor-pointer flex '>
                         SOS CAMP &nbsp;
                         <span className='sm:block hidden'> | 12th</span>

src/components/Problems.css

@@ -72,7 +72,7 @@ p.MuiTypography-root {
 
 /* jode color */
 h2.MuiTypography-root {
-    color: #7DD6F6;
+    color: #fc6ac3;
 }
 
 /* jode link */
@@ -97,7 +97,7 @@ h2.MuiTypography-root {
     border-radius: 0;
 }
 
-#dark .jodeCheckBox {
+.jodeCheckBox {
     margin-left: auto;
 }
 
@@ -206,17 +206,17 @@ h2.MuiTypography-root {
     border-radius: 0;
 }
 
-#light .MuiButtonBase-root.MuiCheckbox-root :hover {
+.MuiButtonBase-root.MuiCheckbox-root :hover {
     background-color: #2B3E52;
     border-radius: 0;
 }
 
-#light .jodeCheckBox {
+.jodeCheckBox  {
     margin-left: auto;
 }
 
-#light .MuiSvgIcon-root {
-    color: #3598db;
+.MuiSvgIcon-root {
+    color: #ee4dd9;
     display: flex;
 }
 
@@ -352,3 +352,7 @@ h4.mail {
     cursor: pointer;
 }
 
+.border-gray-500 {
+    --tw-border-opacity: 0;
+}
+

src/components/Problems.jsx

@@ -35,7 +35,7 @@ const CardItem = ({ card }) => {
   };
 
   return (
-    <Grid item xs={12} sm={6} md={4} key={card.id}>
+    <Grid item xs={12} sm={6} md={4} key={card.id} >
       <Card
         sx={{
           height: '100%',