/*--------------------------------------------------------------
# Sort Properties
1 - Positioning properties (position, top, left)
2 - Box model properties (display, width, height, padding, margin, overflow)
3 - Text properties (font-size, text-align)
4 - Visual properties (color, border, background)
5 - The rest (opacity)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Rules for small screens - Cell phones
--------------------------------------------------------------*/

/* Register form */
.register {
    margin-top: 80px;
}
.register h1 {
    font-size: 40px;
}
.register-form h2 {
    font-size: 25px;
}
.register-form .form-control,
.form-select {
    border: 1px solid var(--secondaryColor);
}
.register-form hr {
    color: var(--secondaryColor);
}

/*--------------------------------------------------------------
# Rules for medium screens - Tablets
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
}

/*--------------------------------------------------------------
# Rules for large screens - Computers
--------------------------------------------------------------*/
@media screen and (min-width: 992px) {
    /* Register form */
    .register {
        margin-top: 100px;
    }
    .register h1 {
        font-size: 45px;
    }
    .register-form h2 {
        font-size: 30px;
    }
}

/*--------------------------------------------------------------
# Rules for very large screens - Computers
--------------------------------------------------------------*/
@media screen and (min-width: 1366px) {
}

/*--------------------------------------------------------------
# Rules for extra large screens - Computers
--------------------------------------------------------------*/
@media screen and (min-width: 1600px) {
}