diff --git a/.gitattributes b/.gitattributes
index 6f4f703..f146ece 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1 +1,2 @@
-*.gs linguist-language=Javascript
\ No newline at end of file
+*.css linguist-detectable=false
+*.js linguist-detectable=true
\ No newline at end of file
diff --git a/package.json b/package.json
index 585729f..3ee6e4d 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,8 @@
     "watch:css": "postcss src/styles/tailwind.css -o src/styles/app.css --watch",
     "react-scripts:start": "react-scripts start",
     "start": "run-p watch:css react-scripts:start",
-    "build": "run-s build:css react-scripts:build",
+    "build": "react-scripts build",
+   
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "eslint-check": "eslint --print-config src/App.js | eslint-config-prettier-check"
diff --git a/public/_redirects b/public/_redirects
new file mode 100644
index 0000000..f824337
--- /dev/null
+++ b/public/_redirects
@@ -0,0 +1 @@
+/* /index.html 200
\ No newline at end of file
diff --git a/src/components/profile/header.js b/src/components/profile/header.js
index 0d7f9f5..e2b121e 100644
--- a/src/components/profile/header.js
+++ b/src/components/profile/header.js
@@ -51,7 +51,7 @@ export default function Header({
     }, 2000);
   }, [addBio]);
 
-  const { uid } = loggedUser.user;
+  const { uid } = loggedUser?.user;
   const [openModal, setOpenModal] = useState(false);
   const [isFollowingProfile, setIsFollowingProfile] = useState(false);
   // check manager profile setting
@@ -126,7 +126,7 @@ export default function Header({
             ) : (
               ""
             )}
-            {isUserLogged ? (
+            {/* {isUserLogged ? (
               <div className="flex items-center justify-center flex-wrap ">
                 <button
                   type="button"
@@ -138,7 +138,7 @@ export default function Header({
               </div>
             ) : (
               ""
-            )}
+            )} */}
 
             {activeBtnFollowProfile && (
               <>
@@ -253,8 +253,8 @@ export default function Header({
           />
         )}
       </div>
-      {isUserLogged && (
-        <div className="flex flex-col mt-8 -mb-4 items-center justify-center xs-res2:flex-row xs-res2:mt-8 md-res:mb-0 md-res2:mt-0 md-res2:ml-60 lg-res:ml-48">
+      {isUserLogged && (<>
+        <div className="flex flex-col mt-8 -mb-4 items-center justify-center xs-res2:flex-row xs-res2:mt-8 md-res:mb-0 md-res2:mt-0 md-res2:ml-44 lg-res:ml-44">
           <button
             onClick={handleBtnAddBio}
             type="button"
@@ -267,7 +267,7 @@ export default function Header({
             ) : (
               <>
                 <RiAddFill className="text-base font-bold sm-res:text-xl" />{" "}
-                Thêm tiểu sử{" "}
+                {!bioProfile ? 'Thêm tiểu sử':'Chỉnh sửa tiểu sử'}
               </>
             )}
           </button>
@@ -278,13 +278,15 @@ export default function Header({
             Một số tinh năng đang được phát triển
           </button>
           <a
-            href="https://github.com/devntv/dinhstagram-react"
+            href="https://github.com/devntv/dinhstagram-react/graphs/contributors" target='_blank' rel="noreferrer"
             className="text-xs text-white bg-red-primary ml-2 border p-2 mt-2 rounded flex items-center"
           >
             trở thành Contributors{" "}
             <BsArrowRight className="text-lg font-bold ml-1" />{" "}
           </a>
         </div>
+        {/* {addBio && <input  type="text" placeholder="Nhập bio" className='border'/>} */}
+       </>
       )}
 
       <div className="mt-10 flex text-sm items-center w-auto justify-center -mb-8 border-t border-gray-primary relative  mx-0 sm-res:hidden">
diff --git a/src/components/profile/photos.js b/src/components/profile/photos.js
index 0cfab4b..3264dce 100644
--- a/src/components/profile/photos.js
+++ b/src/components/profile/photos.js
@@ -19,7 +19,8 @@ export default function Photos({ photos, profile:{ userId: profileUserId, follow
   const { user: loggedInUser } = React.useContext(UserContext)
   const { user } = useUser(loggedInUser?.uid);
   const loggedUser = useAuthListener();
-  const { uid } = loggedUser.user;
+  console.log(loggedUser);
+  const { uid } = loggedUser?.user;
   const isUserLogged = profileUserId === uid;
   return (
     <>
@@ -28,7 +29,7 @@ export default function Photos({ photos, profile:{ userId: profileUserId, follow
         <div
           className={`${
             photos.length > 0
-              ? "grid grid-cols-3 gap-7 mt-4 w-auto"
+              ? "grid grid-cols-3 h-full mt-2 w-auto object-cover bg-center"
               : "flex items-center justify-center"
           }`}
         >
@@ -38,14 +39,14 @@ export default function Photos({ photos, profile:{ userId: profileUserId, follow
             </>
           ) : photos.length > 0 ? (
             photos.map((photo) => (
-              <div key={photo.docId} className="relative group object-cover">
+              <div key={photo.docId} className="relative group object-cover mx-1 my-1">
                 <img
                   src={photo.imageSrc}
                   alt={photo.caption}
-                  className="h-80 w-auto object-cover bg-fixed rounded overflow-hidden bg-center bg-contain"
+                  className=" h-36 w-full object-cover bg-fixed rounded-lg overflow-hidden bg-center bg-contain sm-res:h-72"
                 />
-                <div className="absolute hidden bottom-0 left-0 bg-gray-200 z-10 w-full justify-center items-center h-full bg-black-faded group-hover:flex ">
-                  <p className="flex items-center text-white font-bold mr-8">
+                <div className="absolute bottom-0 left-0 bg-gray-200 z-10 w-full justify-center items-center h-full rounded-lg bg-black-faded hidden group-hover:flex">
+                  <p className="flex items-center text-white font-bold minium2:mr-2 sm-res:mr-6 md-res2:mr-10">
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
                       className="mr-1 w-8"
diff --git a/src/components/sidebar/view-allSuggessted.js b/src/components/sidebar/view-allSuggessted.js
index fcb311e..6713818 100644
--- a/src/components/sidebar/view-allSuggessted.js
+++ b/src/components/sidebar/view-allSuggessted.js
@@ -98,9 +98,6 @@ export default function ViewAllSuggested() {
           </div>
         </div>
       </div>
-      <div className='md-res:mb-0 mb-14'>
-      <Footer />
-      </div>
       <HeaderMobile />
     </>
   );
diff --git a/src/pages/dashboard.js b/src/pages/dashboard.js
index c852050..0cf4236 100644
--- a/src/pages/dashboard.js
+++ b/src/pages/dashboard.js
@@ -26,7 +26,6 @@ export default function Dashboard({ user: loggedInuser }) {
 					<Timeline />
 					<div>
 						<Sidebar />
-						<HeaderMobile />
 					</div>
 				</div>
 				{/* reponsive Mobile */}
diff --git a/src/pages/login.js b/src/pages/login.js
index b18070e..8e19c06 100644
--- a/src/pages/login.js
+++ b/src/pages/login.js
@@ -138,7 +138,6 @@ export default function login() {
                                 className="relative font-semibold bottom-10 right-2 text-sm cursor-pointer focus:outline-none"
                                 onClick={handleDisplay}
                             > {password === '' ? '' : 'Hiển thị' && displayPass ? 'Hiển thị' : 'Ẩn'}
-
                             </button>
                         </div>
 
diff --git a/src/pages/profile.js b/src/pages/profile.js
index 0b68a6e..bc818db 100644
--- a/src/pages/profile.js
+++ b/src/pages/profile.js
@@ -36,7 +36,7 @@ export default function Profile() {
 		async function checkUserExists() {
 			setLoadPhotosUser(true)
 			const [user] = await getUserByUsername(username)
-			console.log(user)
+
 			if (user?.userId) {
 				setUser(user)
 				// setUserExists(true)
@@ -69,5 +69,7 @@ export default function Profile() {
 			</div>
 			<HeaderMobile />
 		</div>
-	) : null
+	) : (
+		<div>Hãy đăng nhập</div>
+	)
 }
diff --git a/src/services/firebase.js b/src/services/firebase.js
index 277bb0b..9a4b345 100644
--- a/src/services/firebase.js
+++ b/src/services/firebase.js
@@ -24,7 +24,7 @@ export async function getUserByUsername(username) {
 		...item.data(),
 		docId: item.id
 	})) 
-	console.log(user);
+	
 	return user.length > 0 ? user : []
 }
 
diff --git a/src/styles/app.css b/src/styles/app.css
index df426fb..807841d 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -4802,6 +4802,82 @@ video {
   display: none;
 }
 
+.group:hover .group-hover\:block {
+  display: block;
+}
+
+.group:hover .group-hover\:inline-block {
+  display: inline-block;
+}
+
+.group:hover .group-hover\:inline {
+  display: inline;
+}
+
+.group:hover .group-hover\:flex {
+  display: flex;
+}
+
+.group:hover .group-hover\:inline-flex {
+  display: inline-flex;
+}
+
+.group:hover .group-hover\:table {
+  display: table;
+}
+
+.group:hover .group-hover\:table-caption {
+  display: table-caption;
+}
+
+.group:hover .group-hover\:table-cell {
+  display: table-cell;
+}
+
+.group:hover .group-hover\:table-column {
+  display: table-column;
+}
+
+.group:hover .group-hover\:table-column-group {
+  display: table-column-group;
+}
+
+.group:hover .group-hover\:table-footer-group {
+  display: table-footer-group;
+}
+
+.group:hover .group-hover\:table-header-group {
+  display: table-header-group;
+}
+
+.group:hover .group-hover\:table-row-group {
+  display: table-row-group;
+}
+
+.group:hover .group-hover\:table-row {
+  display: table-row;
+}
+
+.group:hover .group-hover\:flow-root {
+  display: flow-root;
+}
+
+.group:hover .group-hover\:grid {
+  display: grid;
+}
+
+.group:hover .group-hover\:inline-grid {
+  display: inline-grid;
+}
+
+.group:hover .group-hover\:contents {
+  display: contents;
+}
+
+.group:hover .group-hover\:hidden {
+  display: none;
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -23580,6 +23656,82 @@ video {
     display: none;
   }
 
+  .group:hover .sm\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .sm\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .sm\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .sm\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .sm\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .sm\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .sm\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .sm\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .sm\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .sm\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .sm\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .sm\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .sm\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .sm\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .sm\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .sm\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .sm\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .sm\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .sm\:group-hover\:hidden {
+    display: none;
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -42189,6 +42341,82 @@ video {
     display: none;
   }
 
+  .group:hover .md\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .md\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .md\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .md\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .md\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .md\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .md\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .md\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .md\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .md\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .md\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .md\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .md\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .md\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .md\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .md\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .md\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .md\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .md\:group-hover\:hidden {
+    display: none;
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }
@@ -60798,6 +61026,82 @@ video {
     display: none;
   }
 
+  .group:hover .lg\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .lg\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .lg\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .lg\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .lg\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .lg\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .lg\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .lg\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .lg\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .lg\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .lg\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .lg\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .lg\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .lg\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .lg\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .lg\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .lg\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .lg\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .lg\:group-hover\:hidden {
+    display: none;
+  }
+
   .lg\:flex-row {
     flex-direction: row;
   }
@@ -79407,6 +79711,82 @@ video {
     display: none;
   }
 
+  .group:hover .xl\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .xl\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .xl\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .xl\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .xl\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .xl\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .xl\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .xl\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .xl\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .xl\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .xl\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .xl\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .xl\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .xl\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .xl\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .xl\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .xl\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .xl\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .xl\:group-hover\:hidden {
+    display: none;
+  }
+
   .xl\:flex-row {
     flex-direction: row;
   }
@@ -98016,6 +98396,82 @@ video {
     display: none;
   }
 
+  .group:hover .\32xl\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .\32xl\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .\32xl\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .\32xl\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .\32xl\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .\32xl\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .\32xl\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .\32xl\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .\32xl\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .\32xl\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .\32xl\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .\32xl\:group-hover\:hidden {
+    display: none;
+  }
+
   .\32xl\:flex-row {
     flex-direction: row;
   }
@@ -116625,6 +117081,82 @@ video {
     display: none;
   }
 
+  .group:hover .minium\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .minium\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .minium\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .minium\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .minium\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .minium\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .minium\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .minium\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .minium\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .minium\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .minium\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .minium\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .minium\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .minium\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .minium\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .minium\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .minium\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .minium\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .minium\:group-hover\:hidden {
+    display: none;
+  }
+
   .minium\:flex-row {
     flex-direction: row;
   }
@@ -135234,6 +135766,82 @@ video {
     display: none;
   }
 
+  .group:hover .minium2\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .minium2\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .minium2\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .minium2\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .minium2\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .minium2\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .minium2\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .minium2\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .minium2\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .minium2\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .minium2\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .minium2\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .minium2\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .minium2\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .minium2\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .minium2\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .minium2\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .minium2\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .minium2\:group-hover\:hidden {
+    display: none;
+  }
+
   .minium2\:flex-row {
     flex-direction: row;
   }
@@ -153843,6 +154451,82 @@ video {
     display: none;
   }
 
+  .group:hover .xs-res\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .xs-res\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .xs-res\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .xs-res\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .xs-res\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .xs-res\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .xs-res\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .xs-res\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .xs-res\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .xs-res\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .xs-res\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .xs-res\:group-hover\:hidden {
+    display: none;
+  }
+
   .xs-res\:flex-row {
     flex-direction: row;
   }
@@ -172452,6 +173136,82 @@ video {
     display: none;
   }
 
+  .group:hover .xs-res2\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .xs-res2\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .xs-res2\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .xs-res2\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .xs-res2\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .xs-res2\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .xs-res2\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .xs-res2\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .xs-res2\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .xs-res2\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .xs-res2\:group-hover\:hidden {
+    display: none;
+  }
+
   .xs-res2\:flex-row {
     flex-direction: row;
   }
@@ -191061,6 +191821,82 @@ video {
     display: none;
   }
 
+  .group:hover .sm-res\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .sm-res\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .sm-res\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .sm-res\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .sm-res\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .sm-res\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .sm-res\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .sm-res\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .sm-res\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .sm-res\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .sm-res\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .sm-res\:group-hover\:hidden {
+    display: none;
+  }
+
   .sm-res\:flex-row {
     flex-direction: row;
   }
@@ -209670,6 +210506,82 @@ video {
     display: none;
   }
 
+  .group:hover .md-res\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .md-res\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .md-res\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .md-res\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .md-res\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .md-res\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .md-res\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .md-res\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .md-res\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .md-res\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .md-res\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .md-res\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .md-res\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .md-res\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .md-res\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .md-res\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .md-res\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .md-res\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .md-res\:group-hover\:hidden {
+    display: none;
+  }
+
   .md-res\:flex-row {
     flex-direction: row;
   }
@@ -228279,6 +229191,82 @@ video {
     display: none;
   }
 
+  .group:hover .md-res2\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .md-res2\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .md-res2\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .md-res2\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .md-res2\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .md-res2\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .md-res2\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .md-res2\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .md-res2\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .md-res2\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .md-res2\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .md-res2\:group-hover\:hidden {
+    display: none;
+  }
+
   .md-res2\:flex-row {
     flex-direction: row;
   }
@@ -246888,6 +247876,82 @@ video {
     display: none;
   }
 
+  .group:hover .lg-res\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .lg-res\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .lg-res\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .lg-res\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .lg-res\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .lg-res\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .lg-res\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .lg-res\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .lg-res\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .lg-res\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .lg-res\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .lg-res\:group-hover\:hidden {
+    display: none;
+  }
+
   .lg-res\:flex-row {
     flex-direction: row;
   }
@@ -265497,6 +266561,82 @@ video {
     display: none;
   }
 
+  .group:hover .lg-res2\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .lg-res2\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .lg-res2\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .lg-res2\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .lg-res2\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .lg-res2\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .lg-res2\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .lg-res2\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .lg-res2\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .lg-res2\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .lg-res2\:group-hover\:hidden {
+    display: none;
+  }
+
   .lg-res2\:flex-row {
     flex-direction: row;
   }
@@ -284106,6 +285246,82 @@ video {
     display: none;
   }
 
+  .group:hover .xl-res\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .xl-res\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .xl-res\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .xl-res\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .xl-res\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .xl-res\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .xl-res\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .xl-res\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .xl-res\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .xl-res\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .xl-res\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .xl-res\:group-hover\:hidden {
+    display: none;
+  }
+
   .xl-res\:flex-row {
     flex-direction: row;
   }
@@ -302715,6 +303931,82 @@ video {
     display: none;
   }
 
+  .group:hover .\32xl-res\:group-hover\:block {
+    display: block;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:inline-block {
+    display: inline-block;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:inline {
+    display: inline;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:flex {
+    display: flex;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:inline-flex {
+    display: inline-flex;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table {
+    display: table;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-caption {
+    display: table-caption;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-cell {
+    display: table-cell;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-column {
+    display: table-column;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-column-group {
+    display: table-column-group;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-header-group {
+    display: table-header-group;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-row-group {
+    display: table-row-group;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:table-row {
+    display: table-row;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:flow-root {
+    display: flow-root;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:grid {
+    display: grid;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:inline-grid {
+    display: inline-grid;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:contents {
+    display: contents;
+  }
+
+  .group:hover .\32xl-res\:group-hover\:hidden {
+    display: none;
+  }
+
   .\32xl-res\:flex-row {
     flex-direction: row;
   }
diff --git a/tailwind.config.js b/tailwind.config.js
index c8c34fc..3d6aecc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,7 +1,9 @@
 /* eslint-disable prettier/prettier */
 // tailwind.config.js
 module.exports = {
-	purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
+	purge: {
+		content: ['./src/**/*.js', './src/**/**/*.js']
+	  },
 	future: {
 		removeDeprecatedGapUtilities: true,
 	},
@@ -11,7 +13,6 @@ module.exports = {
 			black: theme('colors.black.faded'),
 			
 		}),
-		
 		colors: {
 			white: '#fff',
 			blue: {
@@ -202,9 +203,8 @@ module.exports = {
 		},
 	},
 	variants: {
-		extends:{
-			display: ['group-hover']
+		extend:{
+			display: ['group-hover'],
 		},	
 	},
-	plugins: [],
 }