Enhanced text with background contrast

Added media query for the translate button to take all available space in smaller screens

style.css

@@ -11,7 +11,7 @@ body {
 }
 
 p {
-	color: rgb(107, 114, 128);
+	color: rgb(24, 24, 24);
 	font-size: 15px;
 	margin-bottom: 10px;
 	margin-top: 5px;
@@ -106,6 +106,10 @@ a.button {
 	margin: 0.25rem;
 }
 
+.card p {
+	color: rgb(92, 93, 97);
+}
+
 .card-description-flex-container {
 	display: flex;
 	flex-direction: row;
@@ -239,4 +243,12 @@ button#translate > img {
 .buttons-flex-container .button.manual:hover {
 	background-position: left bottom;
 	color: white;
+}
+
+/* Media queries */
+
+@media only screen and (max-width: 769px) {
+    button#translate  {
+        width: 100%;
+    }
 }