Resolve "fix: footer color links"

Closes #51 (closed)

src/css/custom.css

@@ -25,7 +25,7 @@
   --ifm-font-family-base: "Comfortaa", cursive;
   --ifm-font-family: "Montserrat",  sans-serif; 
   --ifm-container-width: 100%; 
-  --ifm-container-max-width: 900px;
+  --ifm-container-max-width: 950px;
   --ifm-navbar-shadow: none;
 }
 
@@ -58,6 +58,10 @@ p {
   font-weight: 500; 
 }
 
+.button {
+  margin: 10px;
+ }
+
 .button--beta {
   background-color: var(--ifm-color-dark-green);
   border-color: var(--ifm-color-dark-green);
@@ -82,22 +86,6 @@ p {
   z-index: 1; 
  } 
 
-/************ Header style ***********/
-header {
-  height: 500px;
-  clip-path: polygon(
-    0 0,
-    100% 0,
-    100% calc(100% - 6vw),0 100%)
-}
-
-.hero__subtitle {
-  width: 90%;
-  text-align: center;
-  margin: auto;
-  padding-bottom: 20px;
-}
-
 /************ main elements style***********/
 .section-promises {
   padding: 4rem 0;
@@ -120,23 +108,27 @@ header {
 }
 
 /************ footer style ***********/
+
+a.footer__link-item:hover {
+  color:  var(--ifm-color-frame);
+}
+
 #__docusaurus > footer > div > div.text--center > div > a {
-  color: unset;  
+  color: unset;
 }
 
 #__docusaurus > footer > div > div.text--center > div > a:hover {
   color: var(--ifm-color-frame);
 }
 
-.footer--dark {
+.footer {
   background-color: var(--ifm-color-tonic-one);
-  color: var(--ifm-color-dark);
-  --ifm-footer-link-color: var(--ifm-color-dark);
-  --ifm-footer-title-color: var(--ifm-color-dark);
-  font-family: var( --ifm-font-family);
+  color: var(--ifm-color-primary);
+  --ifm-footer-link-color: var(--ifm-color-primary);
+  --ifm-footer-title-color: var(--ifm-color-primary);
+  font-family: var(--ifm-font-family);
 }
 
-
 /************ sub-footer style ***********/
 .footer__bottom {
   font-family: var(--ifm-font-family);