fix back of flipcard

_sass/layout.scss

@@ -423,7 +423,7 @@ a:hover {
 
 /* Fifth button color */
 .flip-cards li:nth-child(5) > .button {
-  background-color: rgb(174, 118, 15);
+  background-color: rgba(174, 118, 15);
 }
 .flip-cards li:nth-child(5) > .panel {
   background-color: rgba(174, 118, 15, 0.8);
@@ -431,11 +431,10 @@ a:hover {
 
 /* Sixth button color */
 .flip-cards li:nth-child(6) > .button {
-  background-color: rgb(149, 147, 26);
+  background-color: rgba(149, 147, 26);
 }
 .flip-cards li:nth-child(6) > .panel {
   background-color: rgba(149, 147, 26, 0.8);
-  color: white;
 }
 
 /* 7th button color */
@@ -444,7 +443,6 @@ a:hover {
 }
 .flip-cards li:nth-child(7) > .panel {
   background-color: rgba(60, 131, 213, 0.8);
-  color: white;
 }
 
 /* 8th button color */
@@ -453,10 +451,9 @@ a:hover {
 }
 .flip-cards li:nth-child(8) > .panel {
   background-color: rgba(76, 81, 168, 0.8);
-  color: white;
 }
 
-/* Nineth (last) button color */
+/* 9th (last) button color */
 .flip-cards li:last-child > .button {
   background-color: rgba(40, 57, 77, 1);
 }