From 4090496c85f713698a352bf79f5826bdb0525e0d Mon Sep 17 00:00:00 2001
From: "ces-khanh.hoang" <khanh.hoang@codeenginestudio.com>
Date: Thu, 4 Nov 2021 09:49:36 +0700
Subject: [PATCH] task challenge

---
 3-terrarium/2-intro-to-css/index.html |  5 ++++-
 3-terrarium/2-intro-to-css/style.css  | 26 +++++++++++++++++++++++---
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/3-terrarium/2-intro-to-css/index.html b/3-terrarium/2-intro-to-css/index.html
index 9d46f70c..824bb0b6 100644
--- a/3-terrarium/2-intro-to-css/index.html
+++ b/3-terrarium/2-intro-to-css/index.html
@@ -19,7 +19,10 @@
         </div>
     </div>
     <div class="jar-top"></div>
-            <div class="jar-walls"></div>
+            <div class="jar-walls">
+            </div>
+            <div class="jar-glossy-short"></div>
+            <div class="jar-glossy-long"></div>
             <div class="dirt"></div>
             <div class="jar-bottom"></div>
             
diff --git a/3-terrarium/2-intro-to-css/style.css b/3-terrarium/2-intro-to-css/style.css
index 841f324f..75bdddb2 100644
--- a/3-terrarium/2-intro-to-css/style.css
+++ b/3-terrarium/2-intro-to-css/style.css
@@ -41,7 +41,7 @@ h1{
 .jar-walls {
     height: 80%;
     width: 60%;
-    background: #d1e1df;
+    background: #e7f1ef;
     border-radius: 1rem;
     position: absolute;
     bottom: 0.5%;
@@ -49,10 +49,30 @@ h1{
     opacity: 0.5;
     z-index: 1;
 }
+.jar-glossy-long{
+    margin-left: 22%;
+    margin-top: 25%;
+    height: 70px;
+    width: 10px;
+    border-radius: 1rem;
+    background: #459c9c;
+    
+    position: absolute;
+}
+.jar-glossy-short{
+    margin-left: 22%;
+    margin-top: 20%;
+    height: 20px;
+    width: 10px;
+    border-radius: 1rem;
+    background: #4fb3b3;
+    
+    position: absolute;
+}
 .jar-top {
     width: 50%;
     height: 5%;
-    background: #d1e1df;
+    background: #e7f1ef;
     position: absolute;
     bottom: 80.5%;
     left: 25%;
@@ -62,7 +82,7 @@ h1{
 .jar-bottom {
     width: 50%;
     height: 1%;
-    background: #d1e1df;
+    background: #e7f1ef;
     position: absolute;
     bottom: 0%;
     left: 25%;