.errors {
    color: #dc0000;
}

.error {
    color: #dc0000;
}

.warning {
    color: #ff9900;
}

#name {
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
}

#name > div {
    flex: 1 0 0;
}

#name > div:first-child {
    padding-right: 1em;
}

#name > div:last-child {
    padding-left: 1em;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.errors li {
    margin: 0.1em 0;
    padding: 0.2em 0.4em;
    color: #fff;
    background: #d30000;
}

input, select {
    font-size: 1em;
}

input[type="text"],
input[type="email"],
input[type="submit"] {
    display: block;
    box-sizing: border-box;
    margin: 0.5em 0 1em 0;
    padding: 0.2em 0.4em;
    width: 100%;
}

input[type="submit"] {
    width: fit-content;
}

select {
    display: block;
    margin: 0.5em 0 1em 0;
    padding: 0.2em 0.4em;
}