diff --git a/content.yaml b/content.yaml
index 772e55b..dbfb455 100644
--- a/content.yaml
+++ b/content.yaml
@@ -17,7 +17,7 @@ index:
       Will this website win a beauty contest? No.<br>
       But at least there's a human behind it."
   de:
-    page-title: "Persönliche Webseite"
+    page-title: "Marco's Homepage"
     introduction-heading: "Hi, ich bin Marco"
     introduction-subheading: "und das ist meine Webseite"
     about-paragraph: "Ich bin Softwareentwickler aus Deutschland.<br>
@@ -36,6 +36,16 @@ index:
 
 music:
   en:
+    page-title: "Marco's music taste"
     music-heading: "my taste in music"
+    lang-short: en
+    music-paragraph: "I mostly listen to metal, more specifically djent, progressive, death, black and core.
+      Outside of metal I like post-hardcore, post-rock, shoegaze, (german) indie pop and some songs from lots of other genres.
+      On this page I'll list some Bands, Albums and Songs that I like, as well as display some music stats."
   de:
     music-heading: "mein Musikgeschmack"
+    page-title: "Marco's musikgeschmack"
+    lang-short: de
+    music-paragraph: "I mostly listen to metal, more specifically djent, progressive, death, black and core.
+      Outside of metal I like post-hardcore, post-rock, shoegaze, (german) indie pop and some songs from lots of other genres.
+      On this page I'll list some Bands, Albums and Songs that I like, as well as display some music stats."
diff --git a/public/styles.css b/public/styles.css
index 1de0df1..9a309f6 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1,6 +1,6 @@
 body {
   text-align: center;
-  background-color: #222222;
+  background-color: #221826;
 }
 
 h1,
@@ -61,4 +61,25 @@ a {
 
 a:hover {
   color: #D0A7DF
-}
\ No newline at end of file
+}
+
+iframe {
+  border: none;
+  overflow: hidden
+}
+
+#nowplayingwidget {
+  position: fixed;
+  bottom: 15px;
+  left: 15px;
+  float: left;
+}
+
+/*colors:
+#221826
+#51324A
+#804C6E
+#DD7FB6
+#D0A7DF
+#DDDDEE
+*/
\ No newline at end of file
diff --git a/template-music.html b/template-music.html
index efaa401..83efad2 100644
--- a/template-music.html
+++ b/template-music.html
@@ -6,8 +6,8 @@
     <link rel="stylesheet" href="../styles.css">
     <title>{{page-title}}</title>
 </head>
-<body>
 
+<body>
     <div id="language">
         {{language-switcher}}
     </div>
@@ -19,7 +19,16 @@
 
     <header id="about">
         <h1>{{music-heading}}</h1>
+        <p>{{music-paragraph}}</p>
     </header>
+    <div id="nowplayingwidget">
+        <iframe height="160" title="last.fm now playing widget" src="https://lastfm-embed.vercel.app/api/currently-playing?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=false&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6"></iframe>
+    </div>
+
+    <h2>some music stats</h2>
+    <iframe width="600" height="700" title="last.fm top songs 7 days" src="https://lastfm-embed.vercel.app/api/top-tracks?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=true&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6&limit=12&period=7day&layout=vertical&rows=0&columns=2"></iframe>
+    <iframe width="600" height="700" title="last.fm top artists last month" src="https://lastfm-embed.vercel.app/api/top-artists?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=true&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6&limit=12&period=1month&layout=vertical&rows=6&columns=2&usePlaceholderImage=false"></iframe>
+    <iframe width="600" title="last.fm top artists last month" src="https://lastfm-embed.vercel.app/api/stats?user=havulinnaan&lang={{lang-short}}&theme=catppuccinMocha&borderSize=0&borderRadius=16&showTitle=false&bgColor=%2351324A&textColor=%23DDDDEE&urlColor=%23DD7FB6&scrobbleColor=%23DD7FB6&numberFormat=periods"></iframe>
 </body>
 
 </html>
\ No newline at end of file
