colors

Author: rameskum

practice/05 - Design/style.css

@@ -6,6 +6,11 @@ FONT SIZE SYSTEM (px)
 10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
 */
 
+/*
+main color:  #087f5b
+GREY COLOR: #343a40
+*/
+
 *,
 *::before,
 *::after {
@@ -19,6 +24,8 @@ FONT SIZE SYSTEM (px)
 /* ------------------------ */
 body {
     font-family: 'Inter', sans-serif;
+    color: #343a40;
+    border-bottom: 8px solid #087f5b;
 }
 
 .container {
@@ -44,6 +51,31 @@ h2 {
     column-gap: 80px;
 }
 
+.btn:link,
+.btn:visited {
+    background-color: #087f5b;
+    color: #fff;
+    text-decoration: none;
+    text-transform: uppercase;
+    display: inline-block;
+    font-weight: 500;
+}
+
+.btn:hover,
+.btn:active {
+    background-color: #099268;
+}
+
+.btn--small {
+    font-size: 14px;
+    padding: 8px 12px;
+}
+
+.btn--big {
+    font-size: 18px;
+    padding: 16px 32px;
+}
+
 /* ------------------------ */
 /* COMPONENT STYLES */
 /* ------------------------ */
@@ -93,6 +125,9 @@ img {
 
 /* TESTIMONIAL */
 .testimonial-section {
+    background-color: #087f5b;
+    color: #fff;
+    padding: 24px;
 }
 
 .testimonial-box {
@@ -150,4 +185,5 @@ h3 {
 footer {
     margin-bottom: 48px;
     font-size: 14px;
+    color: #495057;
 }