/* eslint-disable prettier/prettier */
import {StyleSheet, Dimensions} from 'react-native';
import config from './config';
export default StyleSheet.create({
  imagebackground: {
    width: '100%',
    height: '100%',
  },
  //Modal Quit
  modalbackground: {
    backgroundColor: '#000000aa',
    flex: 1,
  },
  viewmodalQ: {
    marginLeft: Dimensions.get('window').height * 0.3,
    width : Dimensions.get('window').height * 0.4,
    height : Dimensions.get('window').width * 0.35,
    marginTop : Dimensions.get('window').width * 0.25,
    alignItems: 'center',
    backgroundColor:'white',
    borderRadius: 10,
    borderColor: 'black',
    borderWidth: 5,
  },
  textquit: {
    fontSize: 25,
    fontFamily: 'sans-serif',
    textAlign: 'center',
    marginTop: 5,
    color:'black',
  },
  viewmodalQQ : {
    alignItems: 'center',
    flexDirection: 'row',
    marginTop:15,
  },
  buttonyes: {
    backgroundColor: 'white',
    padding: 15,
    borderRadius: 10,
    marginTop:10,
    marginBottom:10,
    borderTopColor:'black',
    borderRightColor:'black',
    borderWidth: 3,
    marginRight:5,
  },
  buttonno: {
    backgroundColor: 'white',
    paddingLeft: 18,
    paddingRight: 18,
    paddingTop: 15,
    paddingBottom: 15,
    borderRadius: 10,
    marginTop:10,
    marginBottom:10,
    borderWidth: 3,
    borderTopColor:'black',
    marginLeft:5,
  },
  textqq: {
    color: 'black',
    fontFamily: 'sans-serif',
  },
  // Modal Correct and Wrong
  viewmodalCW: {
    marginLeft: Dimensions.get('window').height * 0.25,
    width : Dimensions.get('window').height * 0.4,
    alignItems: 'center',
  },
  imagecw: {
    width: '130%',
    height: '95%',
    },
  textcw: {
    fontSize: 25,
    fontFamily: 'sans-serif',
    textAlign: 'center',
    marginTop:Dimensions.get('window').width * 0.43,
    marginLeft:120,
    color:'white',
  },
  viewbutton: {
    alignItems: 'center',
    marginLeft:120,
  },
  buttonc: {
    backgroundColor: 'white',
    borderColor: 'black',
    padding: 15,
    borderRadius: 5,
    marginTop:10,
    marginBottom:10,
  },
  buttonok: {
    color: 'black',
  },
  // Modal Done
  viewmodalD: {
    marginLeft: Dimensions.get('window').height * 0.3,
    width : Dimensions.get('window').height * 0.4,
    alignItems: 'center',
  },
  imagedone :{
    width: '120%',
    height: '98%',
  },
  viewmodalDD: {
    alignItems: 'center',
    marginLeft:70,
  },
  textwelldone: {
    fontSize: 25,
    fontFamily: 'sans-serif',
    textAlign: 'center',
    marginTop:Dimensions.get('window').width * 0.42,
    marginLeft:65,
    color:'white',
  },
  modaltextcorrect: {
    fontSize: 15,
    fontFamily: 'sans-serif',
    marginLeft:65,
    textAlign: 'center',
    color: 'green',
  },
  modaltextwrong: {
    fontSize: 15,
    fontFamily: 'sans-serif',
    marginLeft:65,
    textAlign: 'center',
    color: 'red',
  },
  c1: {
    height: '70%',
    alignItems: 'center',
    borderColor: 'black',
    marginTop:50,
  },
  cc1: {
    flexDirection: 'row',
    marginLeft: 0,
  },
  t: {
    fontSize: 25,
    fontFamily: 'sans-serif',
  },
  c2: {
    flexDirection: 'row',
    height: '35%',
    marginLeft: 15,
    marginRight:15,
  },

  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,
    fontFamily: 'sans-serif',
  },
  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: 80,
    textAlign: 'center',
    paddingTop: 15,
    color: 'white',
    height: 60,
    borderRadius: 10,
    alignItems: 'center',
    fontSize: 25,
    marginRight: 10,
    backgroundColor:'green',
    borderColor:'white',
     borderWidth: 2,
     fontFamily: 'sans-serif',
  },
  wrong: {
    width: 70,
    height: 60,
    borderRadius: 10,
    borderColor:'white',
    alignItems: 'center',
    textAlign: 'center',
    paddingTop: 15,
    color: 'white',
    fontSize: 25,
    marginRight: 10,
    backgroundColor:'red',
     borderWidth: 2,
     fontFamily: 'sans-serif',
  },
  timer: {
    width: 65,
    height: 60,
    borderRadius: 10,
    borderColor:'white',
    alignItems: 'center',
    textAlign: 'center',
    paddingTop: 16,
    color: 'white',
    fontSize: 25,
    backgroundColor:'black',
     borderWidth: 2,
     fontFamily: 'sans-serif',
  },
  submit: {
    width: '40%',
    marginTop: config.deviceHeight * 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',
    fontFamily: 'sans-serif',
  },
  buttonView: {
    flexDirection: 'column',
    marginLeft: config.deviceWidth * 1.0,
  },
  //White Notes
  buttonStyle: {
    width: config.deviceHeight * 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,
  },
  //Black Notes
  buttonB1: {
    alignItems: 'center',
    backgroundColor: 'black',
    height: '55%',
    width: '5%',
    position: 'absolute',
  },
  SbuttonB1: {
    alignItems: 'center',
    backgroundColor: '#92ddea',
    height: '55%',
    width: '5%',
    position: 'absolute',
  },
});
