Merge pull request #11 from jen67/develop

made some changes

Author: jen67

tip-calculator-app-main/dist/css/main.css

@@ -13,7 +13,7 @@ body {
     padding: 0 0.4rem;
 }
 
-header {
+header { 
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -55,22 +55,20 @@ section {
             align-items: center;
             justify-content: space-between;
             background-color: $Very-light-grayish-cyan;
-            padding: 0.5rem 1rem;
+            padding: 1rem;
             margin: 0.4rem 0;
             border-radius: 0.3rem;
         }
 
-        .screen p {
-            color: $Very-dark-cyan;
-            font-size: 1rem;
-            font-weight: 700;
-            letter-spacing: 0.04rem;
-        }
 
         .screen img {
             width: 10px;
         }
 
+        .screen:hover{
+            border: 1.5px solid $button-hover;  
+        }
+
         .amounts {
             margin-top: 2rem;
 
@@ -92,18 +90,29 @@ section {
 
                     background-color: $Very-dark-cyan;
                     color: $white;
-                    padding: 0.5rem 1rem;
+                    padding:0.5rem 1rem; 
                     border-radius: 0.2rem;
                     text-align: center;
-                    font-size: 1rem;
+                    font-size: 1.2rem;
+                }
+                div:hover{
+                    background-color: $button-hover; 
+                    color: $Very-dark-cyan; 
                 }
 
+                
+
                 .custom{
                         background-color:$Very-light-grayish-cyan;
                         color:$Dark-grayish-cyan;
                     }
+
+                .custom:hover{
+                    background-color:transparent ; 
+                    border: 2px solid $button-hover;
             }
         }
+        }
 
 
         .No-of-people{
@@ -114,6 +123,8 @@ section {
                 font-size: 1rem;
                 color:$Dark-grayish-cyan;
             }
+
+
         }
     }
 
@@ -169,12 +180,14 @@ section {
             cursor: pointer;
 
         }
-
+        button:hover{
+            background-color: $button-hover; 
+        } 
     }
 }
 
 footer{
-    margin-top: 1rem;
+    margin: 1rem 1rem 1.2rem; 
     text-align: center;
     color: $Very-dark-cyan;  
     letter-spacing: 0.04rem;

tip-calculator-app-main/dist/css/main.css.map

@@ -1,5 +1,6 @@
 
-    $Strong-cyan: hsl(172, 67%, 45%);
+    $Strong-cyan: hsl(172, 67%, 45%);   
+    $button-hover: hsl(173, 61%, 77%);
     $Very-dark-cyan: hsl(183, 100%, 15%);
     $Dark-grayish-cyan: hsl(186, 14%, 43%);
     $Grayish-cyan: hsl(184, 14%, 56%);