const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
        paddingHorizontal: '5%', 
    },
    image: {
        marginVertical: '5%',
        height: '20%',
        width: '40%', 
    },
    mainText: {
        color: '#FEFEFE',
        fontSize: 15,
        fontWeight: 'bold',
        textAlign: 'center',
        marginVertical: '3%', 
    },
    button: {
        borderRadius: 50,
        height: 50,
        width: '70%',
        backgroundColor: '#6949FD',
        alignItems: 'center',
        justifyContent: 'center',
        marginVertical: '5%',
    },
    buttonText: {
        color: '#FEFEFE',
        fontSize: 16,
        fontWeight: 'bold',
        textAlign: 'center',
        padding: '3%', 
    },
    iconContainer: {
        flexDirection: 'row',
        justifyContent: 'center',
        marginVertical: '3%',
    },
    iconText: {
        color: '#fefefe',
        fontSize: 14, 
        fontWeight: 'bold',
        marginLeft: '2%',
    },
});