diff --git a/embed.js b/embed.js
index bbdc90a..4bbe447 100644
--- a/embed.js
+++ b/embed.js
@@ -1,3 +1,47 @@
+// embed.js
+const css =
+
+ body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ background-color: #f7f7f7;
+ font-family: Arial, sans-serif;
+}
+
+.music-player {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 20px;
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+ text-align: center;
+}
+
+.controls {
+ margin-top: 20px;
+}
+
+button {
+ margin: 0 10px;
+ padding: 10px 20px;
+ border: none;
+ border-radius: 5px;
+ background-color: #007BFF;
+ color: white;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+button:hover {
+ background-color: #0056b3;
+}
+;
+
+const style = document.createElement('style');
+style.textContent = css;
+document.head.appendChild(style);
+
document.addEventListener('DOMContentLoaded', function() {
// Get the script tag that loaded this script
var scriptTag = document.currentScript;
diff --git a/index.html b/index.html
index 292fdb5..b9d63d3 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
Mini Music Player
-
+