main.form>section{
    display:flex;
    position:relative;
    flex-flow:column nowrap;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    flex-grow:1;
}

main.form>section>form{
    display:block;
    position:relative;
    width:100%;
    max-width:30rem;
    padding:0.5rem;

    font-size: 1.2rem;

    background-color:#303030;
    color: #e0e0e0;
}

main.form>section>form>table{
    width:100%;
}

main.form>section>form>table label{
    display:block;
    position:relative;
    width:auto;
    height:auto;
    padding:0 0.5rem 0 0.5rem;

    text-align:right;
    font-size:1.2rem;

    color:#e0e0e0;
}

main.form>section>form>table input[type="text"],main.form>section>form>table input[type="password"]{
    display:block;
    position:relative;
    width:100%;
    height:2.5rem;
    padding:0 1rem 0 1rem;

    text-align:left;
    font-size:1.15rem;

    background-color:#202020;
    color:#e0e0e0;
    border:1px solid #303030;
    outline:0;
}
main.form>section>form>table input.error{
    border:1px solid #603030;
}

main.form>section>form>button,main.form>section>form>input[type="submit"]{
    display:block;
    position:relative;
    width:100%;
    height:2.5rem;
    padding:0.5rem 1rem 0.5rem 1rem;

    font-size:1.2rem;
    cursor:pointer;

    background-color:#303030;
    color:#e0e0e0;
    border:0;
    outline:0;
}
main.form>section>form>button.error,main.form>section>form>input[type="submit"].error{
    border:1px solid #603030;
}
main.form>section>form>button:hover,main.form>section>form>input[type="submit"]:hover{
    background-color:#383838;
}
main.form>section>form>button:disabled,main.form>section>form>input[type="submit"]:disabled{
    background-color:#2c2c2c;
    color:#606060;
    cursor:pointer;
}

main.form>section>form input[type="checkbox"] {
    height:1.5em;
}