:root {
    --input-border: #8b8a8b;
    --input-focus-h: 245;
    --input-focus-s: 100%;
    --input-focus-l: 42%;
}

.form-container {
    max-width: 60em;
    padding: 0 0.5em;
    margin: 0 auto;
}

.form-th {
    text-align: left;
}

.input {
    /*font-size: 16px;*/
    /*font-size: max(16px, 1em);*/
    font-family: inherit;
    padding: 0.25em 0.5em;
    background-color: #fff;
    border: 2px solid var(--input-border);
    border-radius: 4px;
}

textarea.input {
    resize: vertical;
}

.input:focus {
    box-shadow: 0 0 0 3px
    hsla(
            var(--input-focus-h),
            var(--input-focus-s),
            calc(var(--input-focus-l) + 40%),
            0.8
    );
}

input#myButton {
    box-shadow: 0 0 0 2px #9fb4f2;
    background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background-color:#7892c2;
    border-radius:10px;
    border:1px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial,sans-serif;
    font-size:19px;
    padding:12px 37px;
    text-decoration:none;
    text-shadow:0 1px 0 #283966;
}

input#myButton:hover {
    background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    background-color:#476e9e;
}

input#myButton:active {
    position:relative;
    top:1px;
}

.required {
    color: red;
    font-weight: bold;
    font-size: x-large;
}

.internal {
    display: none !important;
}