/*
 * This is a manifest file that'll be compiled into auth.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
#auth_box{
    max-width: 400px;
    margin: 10% auto 0 auto;
    border: 2px solid var(--color-primary);
    border-radius: 20px;
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
    padding: 10px;
    h1{
        font-size: 1.5rem;
        margin: 0 0 5px 0;
    }
    p{
        font-style: italic;
        font-size: .9em;
        color: var(--color-primary);
    }
    #buttons{
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    #bottom_links{
        font-size: .8em;
        text-align: center;
        margin-top: 10px;
    }
    &.narrow_box{
        max-width: 400px;
    }
    .flash_alert{
        color: var(--status-danger);
    }
    .flash_notice{
        color: var(--status-success);
    }
}




/*#login_signup {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: flex-start;*/
/*    height: 100vh;*/
/*    margin-top: 100px;*/
/*}*/
/*#login_signup_content {*/
/*    width: 400px;*/
/*    background-color: #eeeeee;*/
/*    padding: 20px;*/
/*    border-radius: 20px;*/
/*    border: 1px solid #00000022;*/
/*    box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);*/
/*    h3{*/
/*        margin-bottom: 5px;*/
/*    }*/
/*    .detail-description{*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .bottom_links{*/
/*        text-align: center;*/
/*    }*/
/*}*/