import * as React from 'react';
import { Button, View, StyleSheet} from 'react-native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';


const styles = StyleSheet.create ({
    container:{
        flex: 1, 
        backgroundColor:'white',        
    },
    
    containerTop:{
        padding:20,
        marginTop:0,
        elevation:7,
        borderRadius:7,
        width: '95%',
        height: '97%',
        //position:'absolute',
        //alignContent:'center',
        backgroundColor: 'white',
        marginHorizontal:11,
    },
    containerUp:{
        padding:50,
        marginTop:10,
        elevation:7,
        borderRadius:7,
        width: '99%',
        height: '47%',
        //position:'absolute',
        //alignContent:'center',
        backgroundColor: 'white',
        marginHorizontal:1,
    },
   
    textStyle:{
        color: 'black',
        fontSize:23,
        fontWeight:'400'
     
    },
    textStyle1:{
        color: 'grey',
        fontSize:10,
        
    },
    textStyle2:{
        color: 'red',
        fontSize:20
},
    
    addButton: {
        width: 65,
        height: 65,
        borderRadius: 100,
        backgroundColor: '#70dc70',
        marginHorizontal:320,
        marginVertical:175
      },
      food:{
        width:30,
        height:30,
        marginTop:2
      },
      dividerLine:{
        height: 2,
        width: '100%',
        backgroundColor: '#909090',
        marginHorizontal:0,
        marginVertical:0,
        marginTop:5,
    },
    navButton: {
        marginTop: 15,
      },
      forgotButton: {
        marginVertical: 35,
      },
      navButtonText: {
        fontSize: 18,
        fontWeight: '500',
        //color: primaryColor,
        //fontFamily: 'Lato-Regular',
      },
    

});
export default styles;