home screen card changes

IT19001708/App/HearMe/screens/HomeScreen.js

@@ -58,33 +58,34 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   card: {
-    backgroundColor: 'white',
+    backgroundColor: '#E9F2F3',
     borderRadius: 20,
     width: '90%',
     height: '65%',
     alignItems: 'center',
     justifyContent: 'center',
-    
+    elevation: 5,    
   },
   cardNumber: {
     position: 'absolute',
     top: 10,
     right: 10,
-    fontSize: 18,
-    color: 'black',
+    fontSize: 22,
+    fontWeight:'bold',
+    color: '#61A6AB',
     paddingRight:15,
     paddingTop:15,
   },
   cardImage: {
-    height: '70%',
+    height: '90%',
     width: '90%',
-    marginBottom: -20,
+    marginTop: -130,
   },
   wordContainer: {
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
-    marginBottom: 20,
+    marginBottom: 15,
   },
   letterCard: {
     backgroundColor: '#FFCE6D',
@@ -92,6 +93,9 @@ const styles = StyleSheet.create({
     paddingHorizontal: 10,
     paddingVertical: 8,
     marginHorizontal: 5,
+    borderColor:'#61A6AB',
+    borderWidth: 2, 
+    elevation: 5,
   },
   letter: {
     fontSize: 30,
@@ -99,6 +103,7 @@ const styles = StyleSheet.create({
   },
   navigationButtons: {
     marginTop:25,
+    marginBottom:10,
     flexDirection: 'row',
     justifyContent: 'space-around',
     alignItems: 'center',
@@ -106,6 +111,6 @@ const styles = StyleSheet.create({
   },
   navigationButtonText: {
     fontSize: 30,
-    color: 'black',
+    color: '#FFCE6D',
   },
 });