/* INDEX */
@import url("../../shared/css/core/reset.css");
@import url("../../shared/css/core/variables.css");
@import url("../../shared/css/style.css");

.body.index {
    /* Background-border */
    background-color: var(--background-login);
    /* Display */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}

.main.index {
    /* Margin-padding */
    padding: 0px;
}

.main_text {
    /* Font */
    color: var(--pure-white);
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.16px;
    text-align: center;
    /* Size */
    width: 54%;
    /* Margin-padding */
    padding: 0px 104px;
    /* Display */
    align-self: center;
}

.login_options {
    /* Display */
    display: flex;
    justify-content: center;
    gap: 56px;
    flex-wrap: wrap;
}

.login_options_card {
    /* Font */
    text-decoration: none;
    color: var(--pure-white);
    /* Size */
    width: 384px;
    /* Background-border */
    background-color: var(--aqua-dark-blue);
    border-radius: 4px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    /* Margin-padding */
    padding: 40px;
    /* Display */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.login_options_card:hover,
.login_options_card:active {
    opacity: 90%;
}

.login_options_card > p {
    /* Font */
    font-size: 14px;
    font-weight: 600;
}

.login_options_card > h2 {
    /* Font */
    font-size: 32px;
    font-weight: 700;
    /* Margin-padding */
    margin-bottom: 8px;
}

.login_options_card > img {
    /* Size */
    width: 32px;
    height: 32px;
}