diff --git a/ogcardeck/cards.html b/ogcardeck/cards.html
index bb1eb4b..5435f30 100644
--- a/ogcardeck/cards.html
+++ b/ogcardeck/cards.html
@@ -34,6 +34,112 @@
         <p id="down" class="down">the coffee</p>
         <img src='./images/coffee.PNG'>
     </div>
+
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+
+
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+    
+    
+
     </section>
 </body> 
 <script>
diff --git a/ogcardeck/images/.coffee.PNG.icloud b/ogcardeck/images/.coffee.PNG.icloud
new file mode 100644
index 0000000..04981b2
Binary files /dev/null and b/ogcardeck/images/.coffee.PNG.icloud differ
diff --git a/ogcardeck/stylesheet.css b/ogcardeck/stylesheet.css
index bbec251..cadd3d7 100644
--- a/ogcardeck/stylesheet.css
+++ b/ogcardeck/stylesheet.css
@@ -1,7 +1,7 @@
 .card
 {
-    width: 10cm;
-    height: 10cm;
+    width: 8.5cm;
+    height: 8.5cm;
     border: solid 1px black;
     box-shadow: 5px 5px 0px gray;
     float: left;