From 383f9b14d9f6cf96ce141a7f99973d9d5c16c6bb Mon Sep 17 00:00:00 2001
From: Nathan King <nathanking3590@gmail.com>
Date: Wed, 18 Jan 2023 10:42:55 +0000
Subject: [PATCH] add step 3

---
 03-codigotchi/index.html |  3 ++-
 03-codigotchi/style.css  | 28 ++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/03-codigotchi/index.html b/03-codigotchi/index.html
index 21031ec..193e615 100644
--- a/03-codigotchi/index.html
+++ b/03-codigotchi/index.html
@@ -31,8 +31,9 @@
         <main>
 
             <!-- Add the codigotchi and its screen -->
-            <section>
+            <section class="codigotchi">
                 <img src="images/codigotchi.png" />
+                <div class="codigotchi-screen"></div>
             </section>
 
             <!-- Add control elements -->
diff --git a/03-codigotchi/style.css b/03-codigotchi/style.css
index 173f35f..887c275 100644
--- a/03-codigotchi/style.css
+++ b/03-codigotchi/style.css
@@ -66,3 +66,31 @@ h3 {
     font-size: 24px;
     font-weight: bold;
 }
+
+/* Step 3: Codigotchi and Button */
+
+button {
+    border: none;
+    background-color: #f71469;
+    border-radius: 8px;
+    padding: 12px 16px;
+    margin: 12px;
+}
+
+.codigotchi {
+    position: relative;
+    width: 230px;
+    margin: 0 auto 24px auto;
+}
+
+.codigotchi-screen {
+    position: absolute;
+    top: 118px;
+    left: 56px;
+    width: 120px;
+    height: 120px;
+    background-image: url('./images/static.png');
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: contain;
+}