:root {
    --green: rgb(62, 132, 92);
    --purple: #d72e28;
    --yellow: #edb51e;
    --blue: rgb(16, 28, 64);
    --light-blue: rgb(121, 189, 232);
    --light-green: rgb(146, 194, 168);
    --white: rgb(255, 255, 255);
    --dark-blue: rgb(0, 47, 76);
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

* {
    font-family: "Roboto", sans-serif;
}


#divTitle {
    background-color: var(--dark-blue);
    color: var(--light-green);
    margin: 10px auto 0 auto;
    text-transform: uppercase;
    font-family: "Archivo Black", sans-serif;
    padding: 40px;
    max-width: 800px;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-bottom: none;
    text-align: center;
}

#divTitle h1 {
    margin: 0;
    padding: 0;
    line-height: 0;
}



#divSubtitle {
    background-color: var(--light-green);
    color: white;
    margin: 0 auto 0 auto;
    padding: 25px;
    max-width: 800px;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-bottom: none;
    border-top: none;
}

    #divSubtitle h3 {
        margin: 0;
        padding: 0;
        line-height: 0;
        text-align: center;
    }

#formRegister {
    max-width: 800px;
    height: 100%;
    margin: 0 auto 20px auto;
    padding: 10px 20px;
    background-color: white;
    z-index: 10;
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-top: none;
}

    #formRegister label {
        display: block;
        margin-bottom: 8px;
    }

.divGroup {
    margin-bottom: 20px;
}

.dropdownLabel {
    display: block;
    margin-bottom: 8px;
}

    .divGroup label {
        font-weight: bold;
    }


.btnRegister {
    width: 80%;
    max-width: 300px;
    display: block;
    margin: 10px auto;
    font-size: 1.25em;
    background-color: var(--green);
}

/*







#divWarningMessage {
    margin: 0 auto;
    text-align: center;
    font-size: .9em;
    padding: 10px;
    width: 100%;
}

    #divWarningMessage h1 {
        color: #B9284D;
        font-size: 1.25em;
    }

    #divWarningMessage h2 {
        font-size: 1em;
        color: #BF5673;
    }

    #divWarningMessage p {
        font-size: .75em;
    }*/


/*        h1 {
            text-align: center;
            margin-top: 15px;
            margin-bottom: 10px !important;
        }

        hr {
            background-color: #222 !important;
        }

        h2 {
            text-align: center;
            margin-bottom: 20px !important;
        }

        #spanAgree {
            font-weight: normal;
            font-size: .8em;
        }

        .non-bold label {
            font-weight: normal !important;
        }

        .spanTime {
            font-weight: 400;
            font-style: italic;
        }

        label span {
            font-weight: normal;
        }


        #AddInfoHeader {
            font-weight: bold;
        }

        #btnAppLink a {
            display: block;
            text-decoration: none;
            color: white;
        }

        

        .divOtherGroup label {
            font-style: italic;
            font-size: .9em;
        }*/