form { max-width:420px; margin:50px auto; }

.form-input {
color: #404040;
font-family: 'Open Sans', 'Arial', sans-serif;
font-weight:500;
font-size: 18px;
border-radius: 5px;
line-height: 22px;
background-color: transparent;
border:2px solid #0f4e91;
/* visop blue */
transition: all 0.3s;
padding: 13px;
margin-bottom: 15px;
width:100%;
box-sizing: border-box;
outline:0;
}
@media (prefers-color-scheme: dark) {
  .form-input {
    background: black;
    color: white;
  }
}

.form-input:focus { border:2px solid #0085a1; }
/* nice blue-green (blue-arc) color */

textarea {
height: 150px;
line-height: 150%;
resize:vertical;
}

[type="submit"] {
font-family: 'Open Sans', 'Arial', sans-serif;
width: 100%;
background:#0f4e91;
/* visop blue */
border-radius:5px;
border:0;
cursor:pointer;
color:white;
font-size:24px;
padding-top:10px;
padding-bottom:10px;
transition: all 0.3s;
margin-top:-4px;
font-weight:700;
}
[type="submit"]:hover { background:#0085a1; }
/* nice blue-green (blue-arc) color */