diff --git a/src/App.css b/src/App.css
index b4892a1..3e573f4 100644
--- a/src/App.css
+++ b/src/App.css
@@ -9,10 +9,14 @@
   background-color: #121212;
   font-family: monospace;
   overflow-x: hidden;
-  color: pink;
+  color: #ffc8dd;
 
 }
 
+.footer a {
+  color: #cdb4db;
+}
+
 .musicartist {
   font-weight: bolder;
   margin-bottom: .5em;
diff --git a/src/App.tsx b/src/App.tsx
index 418e83a..08a064a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,7 +3,7 @@ import AdvancedBr from './components/comps.tsx'
 import { createSignal, onMount } from 'solid-js';
 import Reviews from './components/api.tsx';
 import Music, { MusicEntry } from './components/music.tsx';
-import {Bdpfp, Normalpfp} from './components/pfp.tsx';
+import { Bdpfp, Normalpfp } from './components/pfp.tsx';
 export const [shouldpopup, setpopup] = createSignal(false)
 export const [ishover, setishover] = createSignal(false)
 
@@ -64,7 +64,7 @@ function App() {
         </div>
         <HoverComponent />
       </div> */}
-      {isitmybd() ? <Bdpfp /> : <Normalpfp/>}
+      {isitmybd() ? <Bdpfp /> : <Normalpfp />}
 
       <p style={{ display: "none" }}>AdvancedBr my beloved</p>
       <AdvancedBr count={6} />
@@ -134,6 +134,7 @@ function App() {
           </div>
         </div>
       </Music>
+      <div class='footer'> made with ♥ by echo. <a href="https://git.gay/exhq/v2.exhq.dev">this website is opensource</a></div>
     </>
   )
 }