.login-container {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}



.login-main-card {
    width: 450px;
    padding: 20px;
    border-radius: var( --mud-default-borderradius);
    background: white;
    box-shadow: var(--primary-dark) 0px 0px 10px !important;
}

.login-card {
    width: 400px;
    padding: 10px 50px !Important;
}

.brand-title {
    color: var(--mud-palette-primary);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: Cambria, Georgia, serif;
    font-style: italic;
    font-size: 35px;
    font-weight: bolder;
    margin: 5px;
    text-shadow: 1px 1px 1px var(--mud-palette-primary-darken), 1px 1px 2px var(--mud-palette-primary-darken), 1.2px 1.2px 1px var(--mud-palette-primary-darken), 1.2px 1.2px 2px var(--mud-palette-primary-darken), 1.3px 1.3px 2px white, 1.4px 1.4px 2px white, 1.5px 1.5px 2px white, 1.6px 1.6px 2px white, 2px 2px 2px black, 2.1px 2.1px 2px black, 2.2px 2.2px 2px black, 2.3px 2.3px 2px black;
}

.brand-title-sub {
    color: var(--mud-palette-background);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: Cambria, Georgia, serif;
    font-style: italic;
    font-size: 35px;
    font-weight: bolder;
    margin: 5px;
    text-shadow: 1px 1px 1px var(--mud-palette-primary-darken), 2px 2px 1px var(--mud-palette-primary-darken), 1px 1px 5px var(--mud-palette-text-primary), 0px 0px 5px black;
}