@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');



.form{
    background-color: #fff;
    width: 90%;
    max-width: 400px;
    border-radius: 1em;
    padding: 3.5em 1.5em;
    margin: auto;
}

.form__container{
    width: 100%;
    display: grid;
    gap: 1em;
    grid-auto-columns: 100%;
}

.form__title{
    text-align: center;
    font-size: 1.9rem;
    margin-bottom: .4em;
}

.form__input{
    font-size: 1.5rem;
    padding: .8rem 1em;
    outline: none;
    border: none;
    border: 1px solid #bbb0b0;
    border-radius: 0.2em;
}

.form__input--message{
    resize: none;
    padding: 1.8rem 1em;
    margin-bottom: .5em;
}

.form_cta{
   font-size: 1.5rem;
   background-color: #089fe0;
   color: #fff;
   border: none; 
   font-weight: 300;
   padding: .7em 0;
   border-radius: .2em;
   cursor: pointer;
}

@media (max-width:450px){
.form{
    padding: 3.5em 1em;
}
}