@import url('../CSS/main.css');

main{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; 
  gap:20px;
  padding:40px;
}

form{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:20px;

}

form input{
    width:400px;
    height:40px;
    background-color: rgb(228, 226, 226);
    font-size: 20px;
    border: rgb(228,226,226) 1px solid;
    border-radius: 10px;
    padding:0px 0px 0px 10px;
}

form textarea{
    width:400px;
    height:200px;
    background-color: rgb(228, 226, 226);
    font-size: 20px;
    border: rgb(228,226,226) 1px solid;
    border-radius: 10px;
    padding:0px 0px 0px 10px;
}
form button{
    width:200px;
    height:40px;
    background-color: rgb(0, 0, 0);
    color:white;
    font-size: 20px;
    border: rgb(228,226,226) 1px solid;
    border-radius: 10px;
    align-self: flex-start;
}

@media (max-width: 430px) {
    form input{
        width: 100%;  
    }
    form textarea{
        width: 100%;
    }
}