/* eslint-disable prettier/prettier */
import {StyleSheet,Dimensions} from 'react-native';

const config = {
  deviceWidth: Dimensions.get('window').width,
  deviceHeight: Dimensions.get('window').height,
};

export default StyleSheet.create({
  container: {
    alignItems: 'center',
    justifyContent: 'center',
    width: '100%',
    height: '100%',
  },
  buttonStyle: {
    flex: 1,
    width: config.deviceWidth * 0.4,
    alignItems: 'center',
    borderWidth: 3,
    borderColor: 'white',
    borderRadius: 10,
    backgroundColor: 'rgba(52, 52, 52, 0.0)',
    opacity:0.4,
    padding: 10,
    marginRight: config.deviceWidth * 0.03,
    marginBottom: config.deviceHeight * 0.03,
  },
  selectedKeywordStyle: {
    flex: 1,
    width: config.deviceWidth * 0.4,
    alignItems: 'center',
    borderWidth: 3,
    borderColor: 'black',
    backgroundColor: 'white',
    borderRadius: 10,
    marginRight: config.deviceWidth * 0.03,
    marginBottom: config.deviceHeight * 0.03,
    padding: 10,
  },
  imagebackground: {
    width: '100%',
    height: '100%',
  },
  view1: {
    alignItems:'center',
    marginTop: '15%',
    marginLeft: config.deviceWidth * 0.08,
    marginRight: config.deviceWidth * 0.1,
    flexDirection: 'row',
    flexWrap: 'wrap',
  },
  textques: {
    fontSize: 15,
    marginRight:9,
    fontFamily: 'sans-serif',
   },
  scroll: {
    marginTop: '5%',
},
  view2: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    width: config.deviceWidth,
    marginLeft: config.deviceWidth * 0.08,
    marginRight: config.deviceWidth * 0.1,
    marginBottom: config.deviceHeight * 0.12,
},
textname: {
  textAlign: 'center',
  fontFamily: 'sans-serif',
  paddingBottom: 10,
},
image: {
  width: 100,
  height: 100,
},
});
