//styles

const styles = StyleSheet.create({
	
  buttons: {
	  flexDirection: 'row',
	  justifyContent: 'center',
	  marginTop: 40,
	  marginBottom: 30,
	  margin: 30,
	  borderColor: "grey",
	  borderRadius: 8,
	  padding: (30, 16),
	  backgroundColor: "black",
	  marginTop: 0
  }, 
  buttonContainer: {
    flexDirection: 'column',
    backgroundColor: '#f0f8ff',
    // alignItems: 'center',
    // justifyContent: 'center',
	paddingTop:40,
	marginTop: 15,
  },
  bottom: {
    flex: 0.3,
    backgroundColor: "gray",
    borderWidth: 5,
    borderBottomLeftRadius: 20,
    borderBottomRightRadius: 20,
	alignItems:'center',

  },
  container: {
    flexDirection: 'column',
	justifyContent: 'center',
    backgroundColor: '#f0f8ff',
    alignItems: 'center',
    justifyContent: 'center',
	paddingTop:20,
	marginTop: 15,
  },


  containerbackground:{
	
    backgroundColor: '#f0f8ff'
  },
  intro: {
	  fontWeight: "bold",
      color:"#black",
	  fontSize: 30,
  },

  sub: {
	color:"#black",  
	fontWeight: "bold",
	fontSize: 15,
	paddingBottom:10,
},

  Navsub: {
      color:"#black",  
	  fontWeight: "bold",
	  fontSize: 30,
	  paddingBottom:10,
  },
  scrollView:{
	  marginHorizontal: 20
  },
  listItem:{
	  fontSize: 30,
	  color: "white",
	  textDecorationLines: "underline"
  },
  listButtons:{
	  fontSize: 15,
	  color: "white",
	  textDecorationLines: "underline"  
  },
  buttonsVer: {
	  flexDirection: 'column',
	  justifyContent: 'center',
	  marginTop: 40,
	  marginBottom: 30,
	  margin: 30,
	  borderColor: "grey",
  }
});