diff --git a/src/_globalColor.scss b/src/_globalColor.scss
index 03b06c22aa..05e11c9710 100644
--- a/src/_globalColor.scss
+++ b/src/_globalColor.scss
@@ -10,7 +10,7 @@ $topButtonHover: #000;
// text colors light theme
$titleColor: #000000;
$textColor: #000000;
-$subTitle: #868e96;
+$subTitle: #989da1;
$cardSubtitle: #666666;
$talkCardSubTitle: #7f8287;
$blogCardTitleColor: #262626;
diff --git a/src/components/blogCard/BlogCard.scss b/src/components/blogCard/BlogCard.scss
index 2f804c1ea8..9b45525808 100644
--- a/src/components/blogCard/BlogCard.scss
+++ b/src/components/blogCard/BlogCard.scss
@@ -6,6 +6,7 @@
.blog-container {
border-radius: 10px;
+ margin-top: 30px;
color: $blogCardContainerColor;
background-color: $lightBackground1;
box-shadow: 0 0 36px $lightBoxShadow;
@@ -145,5 +146,5 @@
}
}
.blog-card-shadow {
- box-shadow: 1px 0px 20px $darkBoxShadow2;
+ box-shadow: 1px 5px 10px $darkBoxShadow2;
}
diff --git a/src/components/header/Header.scss b/src/components/header/Header.scss
index 04a6746b68..701f90dbf4 100644
--- a/src/components/header/Header.scss
+++ b/src/components/header/Header.scss
@@ -18,12 +18,13 @@
.dark-menu li a:hover {
background-color: $buttonColor !important;
+ border-radius: 30px;
}
.header {
background-color: $lightBackground1;
max-width: 100%;
- padding: 15px 20px;
+ padding: 10px 5px;
margin: 0px auto;
}
@@ -48,6 +49,7 @@
.header li a:hover,
.header .menu-btn:hover {
background-color: $headerHoverBG;
+ border-radius: 30px;
}
.header .logo {
diff --git a/src/containers/contact/Contact.js b/src/containers/contact/Contact.js
index 726502618c..06fcfba802 100644
--- a/src/containers/contact/Contact.js
+++ b/src/containers/contact/Contact.js
@@ -29,6 +29,7 @@ export default function Contact() {
isDark ? "dark-mode contact-text-div" : "contact-text-div"
}
>
+ Phone Number:{" "}
{contactInfo.number && (
<>
>
)}
+ Email:{" "}