test post

form {
display:flex;
flex-direction:row;
padding:5px;
}

@media only screen and (max-width: 500px) {
form {
flex-direction:column;
}
}

input {
flex-grow:2;
border:none;
font-family: ‘Poppins’;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #043563;
background: transparent;
}

button {
font-family: ‘Poppins’;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-transform: capitalize;
background: white !important;
color: #003049 !important;
border:1px solid white;
margin:3px 5px;
border-radius: 5px;
}

button:hover{
border: 1px solid #003049;
}

::placeholder {
color: #043563;
/* opacity: 1; / / Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #043563;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #043563;
}

.emailInput {
flex-grow:2;
border:none;
font-family: ‘Poppins’;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #043563;
background: transparent;
}

.emailButton {
font-family: ‘Poppins’;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-transform: capitalize;
background: white !important;
color: #003049 !important;
border:1px solid white;
margin:3px 5px;
border-radius: 5px;
}

Leave a Reply

Your email address will not be published.