body {
    /*font: 1em Arial, sans-serif;*/
    font-size: 1em;
}

#container {
    outline-color: #f3bd06;

    position: absolute;
    top: 50%;
    left: 50%;
    /*-webkit-transform: translate(-50%, -50%);*/
    transform: translate(-50%, -30%);
    /*display: flex;*/
    /*justify-content: center;*/
    align-items: center;
    text-align: left;
    min-height: 100vh;

}

#content {
    min-width: 300px;
    border-style: solid;
    border-width: .1em;
    border-color: rgba(30, 30, 28, 0.75);
    border-radius: .8em;
    padding: .6em;

    /*background: rgba(169, 192, 215, 0.45);*/

    /*background: rgba(128, 12, 34, 0.76);
    background: linear-gradient(90deg, rgba(126, 3, 3, 0.41) 0%, rgba(117, 6, 6, 0.22) 50%, rgba(96, 2, 16, 0.3) 100%);
*/    align-content:start;
}




.title{
    border-style: solid;
    border-width: .2em;
    border-radius: .8em;
    padding: .6em;

    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    background-color: rgb(141, 4, 4);
    border-color: rgb(243, 189, 6);
    color: #f3bd06;
    font-weight: bolder;

}



.display label{
    display: inline-block;
    width: 12em;
    text-align: right;
}


.fail_auth {
     color: red;
     font-weight: bolder;
 }

/* Login links - remove for prod */


.dev_login_links{
    border-style: solid;
    border-width: .2em;
    border-radius: .8em;
    padding: .6em;
    margin-bottom: 2rem;


}