* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

화면이보여야 style을 손보는데 자꾸 에러만 뜨네요. vscode에선 1개가 잘못되었다고 뜨는데 그게 뭔지 모르겠어요.

작성한 코드 및 에러 메세지

import React from 'react'
import {StyleSheet, Text, View, Image, TouchableOpacity} from 'react-native'


const main = 'https://storage.googleapis.com/sparta-image.appspot.com/lecture/about.png'


export default function AboutPage(){
return (
<View style={Styles.container}>
 <Text>HI!스파르타코딩 앱개발반에 오신것을 환영합니다</Text>


 <View style={Styles.container2}>
 <Image style={styles.mainImage} source={{uri:main}}/>
 <Text style={styles.pointtext}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
 <Text style={styles.subtext}>꼭 완주하셔서 여러분의 것으로 만들어가시길 바랍니다</Text>
 
 <View style={Styles.instacontainer}>
    <TouchableOpacity style={styles.instabutton}><Text style={styles.instabuttontext}>여러분의 인스타계정</Text></TouchableOpacity>
 </View>
 </View>
 </View>);
}


const styles=StyleSheet.create({
    container: {
        backgroundColor: '#fff',
        text:{
            fontSize: '20',
            fontWeight: '700',
            marginTop: 50,
            marginLeft: 20
          },
          container2: {
            backgroundColor: '#fff',
          pointtext:{
            fontSize: '20',
            fontWeight: '700',
            marginTop: 50,
            alignSelf: "center"
          },
          pointtext:{
            fontSize: '20',
            fontWeight: '700',
            marginTop: 50,
            alignSelf: "center"
          }
          mainImage:{
            width: '90%',
            height: 200,
            borderRadius: 50,
            marginTop: 20,
            alignSelf: "center"
          },
          instabutton: {
            backgroundColor: '#fff',
            text:{
            fontSize: '20',
            fontWeight: '700',
            marginTop: 50,
            alignSelf: "center"
          }
        }}
    }
});

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!