added pop up modal+format+style

app/styles/liststyles.js

@@ -34,6 +34,14 @@ const styles = StyleSheet.create({
     fontSize: 28,
     fontWeight: 'bold',
   },
+  title2: {
+    fontSize: 22,
+    fontWeight: 'bold',
+    color: 'red',
+    textDecorationLine: 'underline',
+    textDecorationStyle: "solid",
+    textDecorationColor: "red",
+  },
   link: {
     fontSize: 28,
     textDecorationLine: 'underline',
@@ -45,6 +53,16 @@ const styles = StyleSheet.create({
     borderRadius: 6,
     padding: 5,
     marginBottom: 10,
+  },
+  headerTitle: {
+    fontSize: 24,
+  },
+  eventTitle: {
+    textAlign: 'center',
+    fontSize: 32,
+    fontWeight: 'bold',
+    padding: 5,
+    marginBottom: 10,
   }
 });
 

app/styles/morestyles.js

@@ -57,6 +57,33 @@ const styles=StyleSheet.create({
 	tabBarIcon: {
 		height: 50,
 		width: 50,
+	},
+	popup: {
+		height: '90%',
+		display: 'flex',
+		flexDirection: 'column',
+		justifyContent: "center",
+		alignItems: "center",
+	  },
+	modal: {
+		marginHorizontal: 20,
+		marginTop: '20%',
+		height: '100%',
+		backgroundColor: "white",
+		borderRadius: 20,
+		padding: 15,
+		shadowColor: "black",
+		shadowOffset: {
+			width: 0,
+			height: 2
+		},
+		shadowOpacity: 0.5,
+		shadowRadius: 7,
+	},
+	modalText: {
+		marginVertical: '10%',
+		textAlign: "center",
+		fontSize: 20,
 	}
 });