var arpe_styles = {
    'input': {
      'font-size': '16px',
      'color': '#00a9e0',
      'color': 'white',
      'font-family': '"Open Sans", sans-serif;',
      'background': 'black',
       'background-color': '#61a7e0',
      'border': 'solid 5px red'
    },
    '.card': {
      'font-family': '"Open Sans", sans-serif;',
    },
    ':focus': {
      'color': '#00a9e0',
      'color': 'white',
    },
    '.valid': {
      'color': '#43B02A',
      'color': 'white',
    },
    '.invalid': {
      'color': '#C01324',
      'color': 'organge',
    },
    '@media screen and (max-width: 700px)': {
      'input': {
        'font-size': '18px',
      },
    },
    'input:-webkit-autofill': {
      '-webkit-box-shadow': '0 0 0 5px gray inset',
    },
    'input:focus:-webkit-autofill': {
      '-webkit-text-fill-color': '#00a9e0',
    },
    'input.valid:-webkit-autofill': {
      '-webkit-text-fill-color': '#43B02A',
    },
    'input.invalid:-webkit-autofill': {
      '-webkit-text-fill-color': '#C01324',
    },
    'input::placeholder': {
      'color': '#aaa',
      'color': 'white',
    },
  }