/* eslint-disable prettier/prettier */
import {StyleSheet} from 'react-native';
import config from '../config';
export default StyleSheet.create({
  c1: {
    height: '70%',
    alignItems: 'center',
    borderColor: 'black',
    marginTop:5,
  },
  cc1: {
    flexDirection: 'row',
    marginLeft: 5,
  },
  t: {
    fontSize: 25,
  },
  c2: {
    flexDirection: 'row',
    height: '35%',
  },

  t1: {
    color: 'black',
    paddingTop: 120,
  },
  button: {
    flex: 7,
    alignItems: 'center',
    backgroundColor: 'white',
    borderRightWidth: 1,
    borderColor: 'black',
    borderBottomWidth: 1,
  },
  b1: {
    marginBottom: 25,
    width: 200,
    height: 50,
    borderRadius: 15,
    alignItems: 'center',
    backgroundColor: 'purple',
  },
  buttonText: {
    textAlign: 'center',
    paddingTop: 15,
    color: 'white',
    fontSize: 15,
  },
  logo: {
    height: config.deviceWidth * 0.22,
    width: config.deviceHeight * 0.5,
    borderColor: 'black',
    borderWidth: 3,
    borderRadius: 10,
    position: 'absolute',
    marginTop: config.deviceWidth * 0.11,
    backgroundColor:'white',
  },
  correct: {
    width: 100,
    textAlign: 'center',
    paddingTop: 15,
    color: 'white',
    height: 60,
    borderRadius: 10,
    alignItems: 'center',
    fontSize: 25,
    marginRight: 10,
    backgroundColor:'green',
    borderColor:'white',
     borderWidth: 2,
  },
  wrong: {
    width: 100,
    height: 60,
    borderRadius: 10,
    borderColor:'white',
    alignItems: 'center',
    textAlign: 'center',
    paddingTop: 15,
    color: 'white',
    fontSize: 25,
    marginRight: 10,
    backgroundColor:'red',
     borderWidth: 2,
  },
  timer: {
    width: 65,
    height: 60,
    borderRadius: 10,
    borderColor:'white',
    alignItems: 'center',
    textAlign: 'center',
    paddingTop: 16,
    color: 'white',
    fontSize: 25,
    backgroundColor:'black',
     borderWidth: 2,
  },
  submit: {
    width: '40%',
    marginTop: config.deviceWidth * 0.055,
    borderColor:'white',
    borderWidth: 2,
    borderRadius: 5,
  },
  viewMain: {
    width: '20%',
    alignContent: 'flex-end',
    marginLeft: 180,
    marginTop: '173%',
    position: 'absolute',
  },

  container: {
    flex: 1,
  },
  textStyle: {
    fontSize: 16,
    padding: 8,
    textAlign: 'center',
  },
  buttonView: {
    flexDirection: 'column',
    marginLeft: config.deviceHeight * 1.0,
  },
  buttonStyle: {
    width: config.deviceWidth * 0.075,
    alignItems: 'center',
    backgroundColor: 'white',
    borderRightWidth: 1,
    borderColor: 'black',
    borderBottomWidth: 1,
  },
  selectedKeywordStyle: {
     width: config.deviceWidth * 0.075,
    alignItems: 'center',
    backgroundColor: '#EEA1E1',
    borderRightWidth: 1,
    borderColor: 'black',
    borderBottomWidth: 1,
  },
  buttonB1: {
    alignItems: 'center',
    backgroundColor: 'black',
    height: '55%',
    marginLeft: config.deviceWidth * 0.048,
    width: '5%',
    position: 'absolute',
  },
  buttonB2: {
    alignItems: 'center',
    backgroundColor: 'black',
    height: '55%',
    width: '5%',
    marginLeft: config.deviceWidth * 0.123,
    position: 'absolute',
  },
  buttonB3: {
    alignItems: 'center',
    backgroundColor: 'black',
    height: '55%',
    width: '5%',
    marginLeft: config.deviceWidth * 0.275,
    position: 'absolute',
  },

  buttonB4: {
    alignItems: 'center',
    backgroundColor: 'black',
    width: '5%',
    height: '55%',
    marginLeft: config.deviceWidth * 0.348,
    position: 'absolute',
  },
  buttonB5: {
    alignItems: 'center',
    backgroundColor: 'black',
    width: '5%',
    height: '55%',
    marginBottom: 10,
    marginLeft: config.deviceWidth * 0.423,
    position: 'absolute',
  },
  SbuttonB1: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    height: '55%',
   marginLeft: config.deviceWidth * 0.048,
    width: '5%',
    position: 'absolute',
  },
  SbuttonB2: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    height: '55%',
    width: '5%',
   marginLeft: config.deviceWidth *  0.123,
    position: 'absolute',
  },
  SbuttonB3: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    height: '55%',
    width: '5%',
    marginLeft: config.deviceWidth * 0.275,
    position: 'absolute',
  },
  SbuttonB4: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    width: '5%',
    height: '55%',
       marginLeft: config.deviceWidth * 0.348,
    position: 'absolute',
  },
  SbuttonB5: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    width: '5%',
    height: '55%',
     marginLeft: config.deviceWidth *  0.423,
    position: 'absolute',
  },

  buttonB11: {
    alignItems: 'center',
    backgroundColor: 'black',
    height: '55%',
    marginLeft: config.deviceWidth * 0.575,
    width: '5%',
    position: 'absolute',
  },
  buttonB21: {
    alignItems: 'center',
    backgroundColor: 'black',
    height: '55%',
    marginLeft: config.deviceWidth * 0.65,
    width: '5%',
    position: 'absolute',
  },
  buttonB31: {
    alignItems: 'center',
    backgroundColor: 'black',
    height: '55%',
    marginLeft: config.deviceWidth * 0.798,
    width: '5%',
    position: 'absolute',
  },

  buttonB41: {
    alignItems: 'center',
    backgroundColor: 'black',
    width: '5%',
    height: '55%',
    marginLeft: config.deviceWidth * 0.872,
    position: 'absolute',
  },
  buttonB51: {
    alignItems: 'center',
    backgroundColor: 'black',
    width: '5%',
    height: '55%',
    marginBottom: 10,
    marginLeft: config.deviceWidth * 0.95,
    position: 'absolute',
  },
  SbuttonB11: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    height: '55%',
   marginLeft: config.deviceWidth * 0.575,
    width: '5%',
    position: 'absolute',
  },
  SbuttonB21: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    height: '55%',
   marginLeft: config.deviceWidth * 0.65,
    width: '5%',
    position: 'absolute',
  },
  SbuttonB31: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    height: '55%',
    marginLeft: config.deviceWidth * 0.798,
    width: '5%',
    position: 'absolute',
  },
  SbuttonB41: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    width: '5%',
    height: '55%',
    marginLeft: config.deviceWidth *  0.872,
    position: 'absolute',
  },
  SbuttonB51: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    width: '5%',
    height: '55%',
   marginLeft: config.deviceWidth * 0.95,
    position: 'absolute',
  },
  boxScore: {
    alignContent: 'center',
    alignItems: 'center',
    backgroundColor: 'white',
    padding: 50,
    marginTop: '5%',
    marginBottom: '5%',
    borderRadius: 30,
  },
   buttonStyleSettings: {
    flex: 1,
    width: config.deviceHeight * 0.4,
    alignItems: 'center',
    borderWidth: 1,
    borderColor: 'black',
    borderRadius: 10,
    backgroundColor: 'white',
    padding: 10,
    marginRight: config.deviceHeight * 0.03,
    marginBottom: config.deviceWidth * 0.03,
  },
  selectedKeywordStyleSettings: {
    flex: 1,
    backgroundColor: 'rgba(0,0,0,0)',
    width: config.deviceHeight * 0.4,
    alignItems: 'center',
    borderWidth: 1,
    borderColor: 'black',
    borderRadius: 10,
    marginRight: config.deviceHeight * 0.03,
    marginBottom: config.deviceWidth * 0.03,
    padding: 10,
  },
   containerSettings: {
    alignItems: 'center',
    justifyContent: 'center',
    width: '100%',
    height: '100%',
  },
  viewSettings: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    width: config.deviceHeight,
    marginLeft: config.deviceWidth * 0.05,
    marginRight: config.deviceWidth * 0.08,
    },
    viewInputSettings: {
      alignItems:'center',
      marginTop: '15%',
      marginLeft: config.deviceHeight * 0.08,
      marginRight: config.deviceHeight * 0.1,
      flexDirection: 'row',
      flexWrap: 'wrap'},
});
