.formulary {
    width: var(--form-width);
    padding-left: 0;
    padding-top: 2em;
    padding-right: 0;
    padding-bottom: 2em;
}

/*********************
    Form title.
*********************/

.formulary p {
    margin: 0;
    font-size: 8ch;
    margin-bottom: .5em;
    padding-bottom: .2em;
    border-bottom: 3px solid var(--main-color);
}

/*********************
    Form basics.
*********************/

.formulary form {
    padding: 2em 0;
    box-sizing: border-box;
}
.formulary form input, .formulary form select, .formulary form textarea {
    width: calc(100% / 2);
    padding: 1em;
    display: block;
    margin-bottom: .5em;
    box-sizing: border-box;
}

/*********************
    Inline fields.
*********************/

.formulary form .inline {
    display: flex;
    width: calc(100% / 2);
    justify-content: space-between;
}
.formulary form .inline input:first-child, .formulary form .inline select:first-child  {
    margin-right: .5em;
}
.formulary form .inline section {
    width: calc(100% / 2);
}
.formulary form .inline section:first-child {
    margin-right: .5em;
}
.formulary form .inline section * {
    width: 100%;
}

/*********************
    Labeled forms.
*********************/

.labeled label {
    /* padding: 0 .5em; */
    font-size: 2ch;
    font-family: Roboto;
    /* border-left: 2px solid var(--main-color); */
}
.labeled input, .labeled textarea, .labeled select {
    margin: .5em 0 .8em 0;
}

/*********************
    Form buttons.
*********************/

.formulary form button {
    width: 80px;
    padding: 1em;
    color: white;
    display: block;
    margin-top: 1em;
    border-radius: 10px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    transition: background-color .2s, border .2s;
}
.formulary form button:hover {
    background-color: var(--hover-color);
    border: 1px solid var(--hover-color);
}

/*********************
    Form classes.
*********************/

.error {
    color: red;
    padding: 1em 2em;
    border-left: 3px solid red;
}

.success {
    color: green;
    padding: 1em 2em;
    border-left: 3px solid green;
}