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:{" "}