diff --git a/02-talking-duck/index.html b/02-talking-duck/index.html
index ef761e5..a7e473e 100644
--- a/02-talking-duck/index.html
+++ b/02-talking-duck/index.html
@@ -25,7 +25,7 @@
     <title>Talking Duck</title>
   </head>
   <body>
-    <div>
+    <div class="container">
       <!-- Header -->
       <header>
         <img src="images/logo.png" alt="Logo Coding Week" />
@@ -37,20 +37,20 @@
         <textarea placeholder="Write something..."></textarea>
 
         <!-- Controls -->
-        <div>
+        <div class="controls">
           <button>
             <img src="images/play.png" alt="Play Button" />
           </button>
 
           <!-- Audio controls -->
-          <div>
-            <label>Pitch</label>
-            <input type="range" />
+          <div class="pitch-controls">
+            <label for="pitch-range">Pitch</label>
+            <input id="pitch-range" min="0.1" max="2" step="0.1" value="1" type="range" />
           </div>
         </div>
 
         <!-- Duck -->
-        <figure>
+        <figure class="duck">
           <img src="images/talking-duck-static.png" alt="Static Duck" />
           <img src="images/talking-duck-animated.gif" alt="Animated Duck" />
         </figure>
@@ -58,4 +58,4 @@
 
     </div>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/02-talking-duck/style.css b/02-talking-duck/style.css
index e69de29..6be225a 100644
--- a/02-talking-duck/style.css
+++ b/02-talking-duck/style.css
@@ -0,0 +1,92 @@
+/* Custom properties */
+:root {
+    --font: Roboto, sans-serif;
+    --pink: #f71469;
+}
+  
+/* CSS Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+  
+/* Generic Rules */
+html {
+    height: 100%;
+    font-family: var(--font);
+    color: white;
+    background-image: linear-gradient(to top, var(--pink) -40%, #3535ec 85%);
+    background-attachment: fixed;
+}
+  
+img {
+    max-width: 100%;
+}
+
+/* Container */
+.container {
+    display: grid;
+    width: 90vw;
+    padding: 16px;
+    margin: 0 auto;
+}
+  
+/* Logo */
+header img {
+    width: 56px;
+    height: auto;
+    margin-bottom: 32px;
+}
+  
+/* Text box */
+textarea {
+    border: none;
+    resize: none;
+    width: 100%;
+    height: 120px;
+    border-radius: 16px;
+    font-size: 20px;
+    padding: 24px;
+    font-family: var(--font);
+    margin-bottom: 32px;
+}
+  
+textarea:focus-within {
+    outline: 1px auto var(--pink);
+}
+  
+/* Controls */
+.controls {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: 1fr 4fr;
+}
+  
+/* Play button */
+button {
+    border: none;
+    border-radius: 8px;
+    width: 64px;
+    height: 56px;
+    background-color: var(--pink);
+}
+  
+button img {
+    vertical-align: middle;
+}
+  
+/* Audio controls */
+.pitch-controls {
+    margin-bottom: 32px;
+}
+  
+label {
+    display: block;
+    margin-bottom: 12px;
+}
+  
+#pitch-range {
+    width: 100%;
+    accent-color: white;
+}
