diff --git a/public/CCS_Bulb.ico b/public/CCS_Bulb.ico
new file mode 100644
index 0000000..6b04611
Binary files /dev/null and b/public/CCS_Bulb.ico differ
diff --git a/public/CCS_Bulb.png b/public/CCS_Bulb.png
new file mode 100644
index 0000000..83ac97c
Binary files /dev/null and b/public/CCS_Bulb.png differ
diff --git a/public/index.html b/public/index.html
index aa069f2..8092088 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,14 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="\CCS_Bulb.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="Web site created using create-react-app"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="apple-touch-icon" href="\CCS_Bulb.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/src/App.css b/src/App.css
index 3aae87e..a305e36 100644
--- a/src/App.css
+++ b/src/App.css
@@ -625,7 +625,7 @@ body::-webkit-scrollbar-thumb:hover {
 
 /*  UsernameEntry styles *****************************************/
 body.username-entry-body {
-  background-color: #000000; /* Black background for the body */
+  background-color: black; /* Black background for the body */
   color: var(--text-color); /* White text color */
   display: flex;
   justify-content: center;
@@ -722,9 +722,17 @@ body.username-entry-body {
   flex: 1; /* Take up remaining space */
 
 }
-
+@media (max-width: 1024px) {
+  .outer-container{
+    width: 90%;
+  }
+}
 /* Adjustments for smaller screens */
 @media (max-width: 768px) {
+  .outer-container{
+    width: 82%;
+    margin-top: 20rem;
+  }
   .left {
     flex-direction: column;
     align-items: center;
diff --git a/src/App.js b/src/App.js
index 2bb6eff..88e32ec 100644
--- a/src/App.js
+++ b/src/App.js
@@ -26,7 +26,7 @@ function App() {
     handleLogin();
   }, []);
 
-  console.log('Is Authenticated:', isAuthenticated);
+  // console.log('Is Authenticated:', isAuthenticated);
 
   return (
     <Router>
diff --git a/src/Components/AuthVerify.js b/src/Components/AuthVerify.js
index 5f98133..8d57dfb 100644
--- a/src/Components/AuthVerify.js
+++ b/src/Components/AuthVerify.js
@@ -14,7 +14,7 @@ const AuthVerify = ({ onVerify, setIsNewUser, setIsAuthenticated }) => {
       const jwtToken = query.get('token');
 
       if (jwtToken) {
-        console.log('JWT Token:', jwtToken);
+        // console.log('JWT Token:', jwtToken);
 
         const requestBody = { token: jwtToken };
 
@@ -28,8 +28,8 @@ const AuthVerify = ({ onVerify, setIsNewUser, setIsAuthenticated }) => {
           const data = await response.json();
           const status = response.status;
 
-          console.log('Response Status:', status);
-          console.log('Response Data:', data);
+          /* console.log('Response Status:', status);
+          console.log('Response Data:', data); */
 
           if (data.leetcode === false) {
             setIsNewUser(true);
@@ -42,27 +42,27 @@ const AuthVerify = ({ onVerify, setIsNewUser, setIsAuthenticated }) => {
             };
             setIsAuthenticated(true); // Set isAuthenticated to true
             navigate('/username', { state: { jwtToken, userData, token: data.token } });
-            console.log('Navigated to /username');
+            // console.log('Navigated to /username');
           } else if (status === 200 && data.token) {
             localStorage.setItem('token', data.token);
-            console.log('Token stored in localStorage:', localStorage.getItem('token'));
+            // console.log('Token stored in localStorage:', localStorage.getItem('token'));
             onVerify();
             setIsAuthenticated(true); // Set isAuthenticated to true
             navigate('/profile');
-            console.log('Navigated to /profile');
+            // console.log('Navigated to /profile');
           } else {
             console.error(`Unexpected response: ${JSON.stringify(data)}`);
             navigate('/login');
-            console.log('Navigated to /login1');
+            // console.log('Navigated to /login1');
           }
         } catch (error) {
           console.error('Error checking user:', error);
           navigate('/login');
-          console.log('Navigated to /login2');
+          // console.log('Navigated to /login2');
         }
       } else {
         navigate('/login');
-        console.log('Navigated to /login3');
+        // console.log('Navigated to /login3');
       }
     };
 
diff --git a/src/Components/Navbar.js b/src/Components/Navbar.js
index a833091..fa7641b 100644
--- a/src/Components/Navbar.js
+++ b/src/Components/Navbar.js
@@ -14,7 +14,7 @@ export default function Navbar() {
     const token = localStorage.getItem('token');
 
     try {
-      console.log('Stored Token:', token);
+      // console.log('Stored Token:', token);
 
       const response = await fetch(API_URL + '/logout/', {
         method: 'GET',
@@ -29,7 +29,7 @@ export default function Navbar() {
       }
 
       const data = await response.json();
-      console.log('Logout Response:', data);
+      // console.log('Logout Response:', data);
 
       if (data.message.toLowerCase() === 'logged out successfully') {
         localStorage.removeItem('token');
diff --git a/src/Components/Profile.js b/src/Components/Profile.js
index 9f26f09..ffdd340 100644
--- a/src/Components/Profile.js
+++ b/src/Components/Profile.js
@@ -11,9 +11,9 @@ const Profile = () => {
 
   useEffect(() => {
     const fetchProfile = async () => {
-      console.log('Fetching profile...');
+      // console.log('Fetching profile...');
       const token = localStorage.getItem('token');
-      console.log('Token:', token);
+      // console.log('Token:', token);
       if (!token) {
         setError('Token is missing');
         setLoading(false);
@@ -40,19 +40,19 @@ const Profile = () => {
         }
 
         const data = await response.json();
-        console.log('Profile response received:', data);
+        // console.log('Profile response received:', data);
         setProfile(data);
       } catch (err) {
         console.error('Error occurred:', err);
         setError(err.message);
       } finally {
         setLoading(false);
-        console.log('Loading state set to false');
+        // console.log('Loading state set to false');
       }
     };
 
     const fetchQuestions = async () => {
-      console.log('Fetching questions...');
+      // console.log('Fetching questions...');
       const token = localStorage.getItem('token');
       if (!token) {
         setError('Token is missing');
@@ -73,7 +73,7 @@ const Profile = () => {
         }
 
         const data = await response.json();
-        console.log('Questions response received:', data);
+        // console.log('Questions response received:', data);
         setQuestions(data);
       } catch (err) {
         console.error('Error occurred:', err);
@@ -90,7 +90,7 @@ const Profile = () => {
   };
 
   if (loading) {
-    console.log('Loading...');
+    // console.log('Loading...');
     return <div className="loading">Loading...</div>;
   }
 
@@ -100,12 +100,12 @@ const Profile = () => {
   }
 
   if (!profile) {
-    console.log('No profile data available');
+    // console.log('No profile data available');
     return <div className="no-data">No profile data available</div>;
   }
 
-  console.log('Rendering profile:', profile);
-  console.log('Rendering questions:', questions);
+  /* console.log('Rendering profile:', profile);
+  console.log('Rendering questions:', questions); */
 
   return (
     <div className="profile-container">
diff --git a/src/Components/UsernameEntry.js b/src/Components/UsernameEntry.js
index 85dc56e..c96891f 100644
--- a/src/Components/UsernameEntry.js
+++ b/src/Components/UsernameEntry.js
@@ -87,11 +87,11 @@ const UsernameEntry = ({ setIsAuthenticated }) => {
       }
 
       const registerData = await registerResponse.json();
-      console.log('Registration successful. Redirecting to profile...');
+      // console.log('Registration successful. Redirecting to profile...');
 
       await localStorage.setItem('token', token);
       const storedToken = localStorage.getItem('token');
-      console.log('Stored token:', storedToken);
+      // console.log('Stored token:', storedToken);
 
       setIsAuthenticated(true);
       navigate('/profile');
