:root {

}

* {

}

body {
    .auth-card {
        width: min(560px, 92vw);
        background: linear-gradient(180deg, rgba(16, 25, 21, 0.9), rgba(16, 25, 21, 0.8));
        border: 1px solid var(--bs-border-color-translucent);
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.45);
    }

    .auth-card .card-header {
        font-weight: 600;
        letter-spacing: 0.02em;
    }

    .auth-card .btn {
        margin-right: 0.5rem;
        margin-bottom: 0.25rem;
    }

    .auth-card .alert {
        margin-bottom: 1rem;
    }

    .header {
        background: url("../../hytale/img/screenshots/11.webp");
        background-size: cover;
    }
}