.login-container main {
    background-color: transparent;
    z-index: 2;
    height: 100vh;
    display: flex;
    justify-content: center;
}

.login-container {
    position: relative;
    z-index: 1;
}

.login-form {
    background-color: var(--kendo-color-base);
    padding: 1.5rem 3rem;
    width: 30em;
    align-self: center;
    text-align: center;
    margin: 6rem;
    box-shadow: 0px 8px 10px 0 rgba(0,0,0,.2),0px 6px 30px 0 rgba(0,0,0,.12),0px 16px 24px 0 rgba(0,0,0,.14);
}

.register-form {
    background-color: var(--kendo-color-base);
    padding: 1.5rem 3rem;
    width: 30em;
    align-self: center;
    margin: 6rem;
    box-shadow: 0px 8px 10px 0 rgba(0,0,0,.2),0px 6px 30px 0 rgba(0,0,0,.12),0px 16px 24px 0 rgba(0,0,0,.14);
}

.hero-container {
    width: 30em;
    align-self: center;
    align-content: center;
    text-align: center;
    margin: 6rem;
}

a {
    color: var(--kendo-color-on-app-surface);
}