html,
body {
    height: 100%;
    width: 100%;
    display: flex;
}

body {
    display: flex;
    align-items: center;
    background-color: unset !important;
}

input {
    text-align: center;
    margin-top: 25px;
}

#login {
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
    /* margin: 20%; */
    border-radius: 1rem;
    border: 3px dashed #ffffff75;
    /* background-color: #0c0c0c99; */
}

#login.card {
    /* background: linear-gradient(45deg, rgb(185 144 101 / 88%), rgb(171 145 100 / 58%)); */
    background: linear-gradient(45deg, rgb(40 44 40 / 88%), rgb(200 200 200 / 58%));
}


/* BF2 Cursor  */

html {
    /*  */
    /* cursor: url(/assets/cursor1.gif) 15 15, auto; */
    animation: cursor 1.25s linear infinite;
}

@keyframes cursor {
    0% {
        cursor: url(/assets/cursor2.gif) 15 15, auto;
    }

    20% {
        cursor: url(/assets/cursor3.gif) 15 15, auto;
    }

    40% {
        cursor: url(/assets/cursor4.gif) 15 15, auto;
    }

    60% {
        cursor: url(/assets/cursor5.gif) 15 15, auto;
    }

    80% {
        cursor: url(/assets/cursor6.gif) 15 15, auto;
    }

    100% {
        cursor: url(/assets/cursor7.gif) 15 15, auto;
    }
}