@import 'ui.css';
@import 'default.css';

:root {
    /*--uiForm-size: 36px;*/
    /*--uiForm-label-color: #333;*/
    /*--uiForm-error-color: #f00;*/
    /*--uiForm-input-background-color: #ffbc00;*/
    --uiForm-input-placeholder-color: #1f6924;
    --uiForm-input-color: #1f6924;
    --uiForm-input-radius: unset;
    --uiForm-submit-background-color: #721CB8;
    /*--uiForm-submit-color: #fff;*/
    /*--uiForm-font-size: 13px;*/
    --uiForm-border-color: #1f6924;
    --uiForm-border-top: unset;
    --uiForm-border-right: unset;
    --uiForm-border-bottom: 1px solid var(--uiForm-border-color);
    --uiForm-border-left: unset;

    --bold-font: 'worksans_semibold';
    --semibold-font: 'worksans_semibold';
    --medium-font: 'worksans_medium';
    --regular-font: 'worksans_regular';
    --light-font: 'worksans_regular';
}

/*iPhone 5:*/
@media screen and (device-aspect-ratio: 40/71) {
    :root {
        --uiForm-size: 34px;
    }
}

.content{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
}   
    .content .form-wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        background-color: rgba(255,255,255,0.4);
        border-radius: 10px;
        min-width: 300px;
        width: 90%;
        max-width: 400px;
        padding: 40px;
        box-sizing: border-box;
    }
        .content .form-wrap img{
            width: 80%;
            align-self: center;
            margin-bottom: 30px;
        }
        .content .form-wrap h1{
            display: block;
            color: #fff;
            font-size: 16px;
            padding: 10px 0 5px 0;
            text-align: center;
        }
        .content .form-wrap p{
            display: block;
            text-align: center;
            font-size: 14px;
            color: #fff;
            padding-bottom: 10px;
        }
        
        .form-clear{
            display: inline-block;
        }
        .content .form-wrap form a {
            display: block;
            text-align: center;
            color: #fff;
            font-family: var(--regular-font);
            font-size: 14px;
        }