body{
   background-color: #0077fe44
}
main{
    padding-top: 20px;
    padding-inline: 20px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.textoContato{
    font-size: 1.4rem;
    color: white;
    text-shadow: 1px 1px 3px black;
}
label{
    text-transform: uppercase;
    display: block;
    color: white;
    text-shadow: 1px 1px 3px black;
}
input{
    width: 100%;
    max-width: 550px;
    height: 30px;
    border-radius: 4px;
    border: 2px solid rgb(0, 255, 0);
    font-size: 1.2rem;
}
#msg{
    resize: none;
    width: 100%;
    max-width: 550px;
    height: 150px;
    border: 2px solid rgb(0, 255, 0);
    border-radius: 4px;
    font-size: 1.2rem
}
#btn{
    cursor: pointer
}

@media(min-width: 1000px){
    main{
        flex-direction: row;
        justify-items: center;
        align-items: center;
    }
    .formCard{
        width: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    form{
     width: 100%;
    }
    .textContato{
        width: 30%;
    }
    .textoContato{
        font-size: 1.9rem;
    }
}