}
/* Optional: add a semi-transparent background behind the form for readability */
.contact-form-section {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 40px 20px;
background-color: rgba(255, 255, 255, 0.85); /* optional, for readability */
box-shadow: 0 0 15px rgba(0,0,0,0.2); /* optional */
}
#contact_form input,
#contact_form textarea {
padding: 7px 10px;
font-size: 15px;
margin-bottom: 10px;
width: 280px;
max-width: 100%;
border: 1px solid;
border-radius: 0;
text-transform: uppercase;
}
#contact-button input {
text-transform: uppercase;
padding: 13px;
border-style: hidden;
}
@media screen and (min-width: 749px) {
#contact_form input,
#contact_form textarea {
padding: 10px 10px;
font-size: 15px;
margin-bottom: 15px;
width: 350px;
}
}
}
#contact_form input, #contact_form textarea {
padding: 7px 10px;
font-size: 15px;
margin-bottom: 10px;
width: 280px;
max-width: 100%;
border: 1px solid;
border-style: solid;
border-radius: 0;
/* color: black; */
text-transform: uppercase;
}
#contact-button input{
/* background: black; */
/* color: white; */
text-transform: uppercase;
padding: 13px;
border-style: hidden;
}
@media screen and (min-width: 749px){
#contact_form input, #contact_form textarea {
padding: 10px 10px;
font-size: 15px;
margin-bottom: 15px;
width: 350px;
}
}