diff --git a/app/components/sc-player/sc-player.html b/app/components/sc-player/sc-player.html
index f4a3ca9..b396de0 100644
--- a/app/components/sc-player/sc-player.html
+++ b/app/components/sc-player/sc-player.html
@@ -8,16 +8,23 @@
                 width: 50%;
                 display: block;
             }
+
+            #sc-iframe{
+                width: 100%;
+                height: 400px;
+            }
+
+            #sc-player{
+                width: 100%;
+            }
         </style>
 
-        <iframe 
-            width="100%" 
-            height="800" 
-            scrolling="no" 
+        <div id="sc-player">
+        <iframe id="sc-iframe"
             frameborder="no" 
             src="https://w.soundcloud.com/player/?url={{encodedPlaylistUrl}}&amp;auto_play={{autoPlay}}&amp;hide_related={{hideRelated}}&amp;show_comments={{showComments}}&amp;show_user={{showUser}}&amp;show_reposts={{showReposts}}&amp;visual={{visual}}">
         </iframe>
-        
+        </div>
     </template>
     <script>
         Polymer({
diff --git a/app/components/sc-title/sc-title.html b/app/components/sc-title/sc-title.html
index d3b2a50..8ffc969 100644
--- a/app/components/sc-title/sc-title.html
+++ b/app/components/sc-title/sc-title.html
@@ -5,10 +5,46 @@
         <style>
             :host {
                 display: block;
+                width: 100%;
+                padding-top: 30px;
+                padding-bottom: 30px;
             }
+
+            #sc-title{
+                width: 60%;
+                box-sizing: border-box;
+                margin: auto;
+            }
+
+            h1{
+                border: 3px solid #333;
+                font-size: 300%;
+                font-weight: 100;
+                display: block;
+                text-align: center;
+                font-family: Roboto,Helvetica,Arial,sans-serif;
+                padding: 1em;
+                text-transform: uppercase;
+                color: #333;
+            }
+
+            h2{
+                letter-spacing: 0.05em;
+                opacity: 0.8;
+                display: block;
+                text-align: center;
+                text-transform: uppercase;
+                font-family: Roboto,Helvetica,Arial,sans-serif;
+                color: #333;
+
+            }
+
         </style>
         
-        <h1>Soundcloud Playlist, featuring Polymer</h1>
+        <div id="sc-title">
+            <h1>Get Rocking!</h1>
+            <h2>A simple embedded soundcloud playlist, done in Polymer</h2>
+        </div>
 
     </template>
     <script>
diff --git a/app/index.css b/app/index.css
new file mode 100644
index 0000000..0ca1a43
--- /dev/null
+++ b/app/index.css
@@ -0,0 +1,3 @@
+body{
+    background-color: #ccc;
+}
\ No newline at end of file
diff --git a/app/index.html b/app/index.html
index c02c25d..cc637d7 100644
--- a/app/index.html
+++ b/app/index.html
@@ -6,14 +6,15 @@
     </head>
     <script src="webcomponentsjs/webcomponents-lite.js"></script>
     
+    <link rel="stylesheet" href="index.css">
+
     <link rel="import" href="components/sc-title/sc-title.html">
     <link rel="import" href="components/sc-profile/sc-profile.html">
     <link rel="import" href="components/sc-player/sc-player.html">
     
     <body>
-        <h1>PLOP</h1>
         <sc-title></sc-title>
-        <sc-profile></sc-profile>
         <sc-player playlist-url="https://soundcloud.com/stuart-silva-322219159/sets/romantic-songs-mariela"></sc-player>
+        <sc-profile></sc-profile>
     </body>
 </html>
\ No newline at end of file
