import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View,
  Dimensions,
} from 'react-native';

export default StyleSheet.create({
  container: {
    backgroundColor: '#90CCF4',
    flex: 1,
  },
  screenContainer:{
  	alignItems: 'center',
  	backgroundColor: '#90CCF4',
  },
  logo: {
    paddingTop: 50,
    paddingHorizontal: 50,
  },
  globePosition: {
    position: 'absolute',
    //left: 26,
    width: 59,
    height: 59,
    right: 272,
    bottom: 95,
   // top: 184,
  },
  globeRectangle: {
    width: Dimensions.get('window').width - 36,
    height: 113,
    backgroundColor: '#EEC524',
    borderRadius: 10,
    position: 'absolute',
    top: 225,
    alignItems: 'center',
    justifyContent: 'center',
  },
  loginContainer: {
    width: Dimensions.get('window').width - 36,
    height: 358,
    backgroundColor: '#FFFFFF',
    borderRadius: 10,
    position: 'absolute',
    top: 373,
    justifyContent: 'space-evenly'
  },
  innerContainer: {
  	alignItems: 'center',
  },
  inputRectangle: {
    width: 310,
    height: 40,
    backgroundColor: '#C4C4C4',
    borderRadius: 10,
    flexDirection: 'column-reverse',
  },
  loginText: {
    fontFamily: 'Arial',
	fontStyle: 'normal',
	fontWeight: 'normal',
	fontSize: 20,
	lineHeight: 39,
	paddingLeft: 15,
  },
  accountText: {
    fontFamily: 'Arial',
	fontStyle: 'normal',
	fontWeight: 'normal',
	fontSize: 30,
	lineHeight: 39,
  },
  startButton: {
    backgroundColor: '#C4C4C4',
    borderRadius: 10,
    height: 40,
    width: 150,
    alignItems: 'center',
    justifyContent: 'center',
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.5,
    shadowRadius: 3,  
  },
  startText: {
    fontFamily: 'Arial',
    fontStyle: 'normal',
    fontWeight: 'normal',
    fontSize: 20,
    lineHeight: 39,
  },
});