main {
    --field-color:rgb(255 255 255);
    --field-border-color:rgb(255 255 255);
    --field-focus-color:rgb(252, 193, 193);
    --field-focus-border-color:rgb(0 0 255);
    --field-required-color:rgb(251, 232, 232);
    --field-required-border-color:rgb(255 0 0);
    --text-color:rgb(0 0 0);
}

input {
    color: var(--text-color);
    background-color: var(--field-color);
    transition: width 0.4s ease-in-out;
    border: 2px solid var(--field-border-color);
}

input:focus {
    border: solid 2px var(--field-focus-border-color);
}

input:required {
    background-color: var(--field-required-color);
    border: solid 2px var(--field-required-border-color);
}



textarea {
    color:var(--text-color);
    background-color: var(--field-color);
    transition: width 0.4s ease-in-out;
    border: 2px solid var(--fieldborder-color);
}

textarea:focus {
    border: solid 2px var(--field-focus-border-color);
}

textarea:required {
    background-color: var(--field-required-color);
    border: solid 2px var(--field-required-border-color)
}

.label-header {
    font-size: 1.2em;
    line-height: 0em;
}