diff --git a/index.html b/index.html
index f44c3f4..837acf6 100644
--- a/index.html
+++ b/index.html
@@ -56,18 +56,34 @@
           </li>
         </ul>
       </fieldset>
-      </br>
+    </br>
+    <fieldset>
+      <legend>Reach out!</legend>
+      <ul style="margin-top: 5px; margin-bottom: 5px; padding-left: 20px;">
+        <li>Discord: @nin0.dev</li>
+        <li>Email: <a href="mailto:support@nin0dev.com">support@nin0dev.com</a></li>
+        <li>Telegram: <a href="https://t.me/nin0dev">@nin0dev</a></li>
+        <li>GitHub: <a href="https://github.com/nin0-dev">nin0-dev</a></li>
+      </ul>
+    </fieldset>
+    <span id="credits" style="display: none;">
+      <br/>
       <fieldset>
-        <legend>Reach out!</legend>
+        <legend>Credits</legend>
         <ul style="margin-top: 5px; margin-bottom: 5px; padding-left: 20px;">
-          <li>Discord: @nin0.dev</li>
-          <li>Email: <a href="mailto:support@nin0dev.com">support@nin0dev.com</a></li>
-          <li>Telegram: <a href="https://t.me/nin0dev">@nin0dev</a></li>
+          <li>UI library: <a href="https://jdan.github.io/98.css/">98.css by jdan</a></li>
+          <li>Presence/status API: <a href="https://discord.gg/lanyard">Lanyard</a></li>
+          <li>Icons: <a href="https://win98icons.alexmeub.com/">official Windows 98 icons</a></li>
         </ul>
       </fieldset>
+    </span>
+    
+    <div id="bottom-actions" style="margin-top: 13px;">
+      <button onclick="showCredits()" id="credits-button">Credits</button>
     </div>
   </div>
-  <script src="https://cdn.jsdelivr.net/npm/lanyard-wrapper/dist/index.browser.js"></script>
-  <script src="index.js"></script>
+</div>
+<script src="https://cdn.jsdelivr.net/npm/lanyard-wrapper/dist/index.browser.js"></script>
+<script src="index.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.js b/index.js
index 128c331..f88f779 100644
--- a/index.js
+++ b/index.js
@@ -50,3 +50,7 @@ LanyardWrapper.connectWebSocket("886685857560539176", onUpdate)
 .catch(err => {
     console.error(err);
 });
+function showCredits() {
+    document.getElementById("credits").style.display = "block"
+    document.getElementById("credits-button").style.display = "none"
+}
\ No newline at end of file
diff --git a/music.png b/music.png
index fc07a9d..722e890 100644
Binary files a/music.png and b/music.png differ
diff --git a/style.css b/style.css
index 2dd7c43..22a303b 100644
--- a/style.css
+++ b/style.css
@@ -63,4 +63,17 @@ li {
 }
 #presence {
     display: flex;
-}
\ No newline at end of file
+}
+#bottom-actions {
+    display: flex;
+    align-items: end;
+    justify-content: right;
+}
+button {
+    background-color: #404040;
+    color: white;
+    box-shadow: inset -1px -1px #000000, inset 1px 1px #202020, inset -2px -2px grey, inset 2px 2px #404040;
+}
+button:active {
+    box-shadow: inset -1px -1px #404040, inset 1px 1px #111111, inset -2px -2px #000000, inset 2px 2px #000000 !important;
+}