Resolve "new footer froggit icon and social icons"

Closes #25 (closed)

src/css/custom.css

@@ -236,11 +236,11 @@ a.footer__link-item:hover {
   color:  var(--ifm-color-frame);
 }
 
-#__docusaurus > footer > div > div.text--center > div > a {
-  color: unset;
+.footer a {
+  color: var(--ifm-color-primary-light);
 }
 
-#__docusaurus > footer > div > div.text--center > div > a:hover {
+.footer a:hover {
   color: var(--ifm-color-frame);
 }
 
@@ -252,6 +252,18 @@ a.footer__link-item:hover {
   font-family: var(--ifm-font-family);
 }
 
+.footer_container {
+  display: flex;
+  justify-content: center;
+}
+
+.footer_icons {
+  margin-left: 12px;
+  margin-right: 12px;
+  width: 1.8rem;
+  height: auto;
+}
+
 .footer__title {
   color: var(--ifm-color-primary-light);
 }
@@ -312,7 +324,7 @@ html[data-theme='dark'] .footer__copyright {
 
 /******* Dark theme ********/
 html[data-theme='dark'] a:hover {
-
+  color: var(--ifm-color-frame);
   transition: 0.3s;
 }