Merge pull request #1 from the-rarbg/tooltip

first commit

components/Layout.js

@@ -5,7 +5,7 @@ export default function Layout({ children }) {
   return (
     <div className='text-app-pure-white lg:flex'>
       <Navigation />
-      <main  className='mx-0 flex p-6 flex-col py-6 md:m-6 md:px-0 md:pt-0 lg:ml-[10rem] lg:min-w-[800px] lg:grow'>
+      <main  className='mx-0 flex p-1 flex-col py-6 md:m-6 md:px-0 md:pt-0 lg:ml-[10rem] lg:min-w-[800px] lg:grow'>
         <div className='py-1 md:rounded-[10px] head' style={{textAlign:"center"}}>Y.A.P.S [Yet Another Piracy Site]</div>
         {children}
         <Footer />

styles/globals.css

@@ -545,3 +545,11 @@ background:rgb(11 9 9 / 75%) !important;
     -webkit-filter: hue-rotate(-360deg);
   }
 }
+.active-link:focus {
+  outline: none; /* Remove the outline */
+  border: none;  /* Remove the border */
+}
+.icon-nav:focus {
+  outline: none; /* Remove the outline */
+  border: none;  /* Remove the border */
+}