/* forms.css */

body {
    background-color: #202121;  /* space gray */
    color: white;
}

form {
    padding: 0 12.5%;  /* this will make the form take up 75% of the width of the screen */
}

input[type=text],
input[type=email],
input[type=date],
input[type=number],
select.form-control {
    background-color: #272A31 !important;
    color: white !important;
    margin-bottom: 1em;  /* add some space between fields */
}

input[type=text]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=number]:focus,
select.form-control:focus {
    background-color: white !important;
    color: black !important;
}