body{

            min-height:100vh;

            background:
            linear-gradient(rgba(18,52,86,.65),rgba(18,52,86,.65)),
            url("../img/bg-login.jpg");

            background-size:cover;
            background-position:center;
            display:flex;
            justify-content:center;
            align-items:center;
            

        }

        .login-card{
            width:430px;
            border:none;
            border-radius:20px;

            background:#ffffff;

            box-shadow:0 10px 30px rgba(0,0,0,.15);

            color:#212529;
        }

        .logo{

            width:120px;

            height:120px;

            object-fit:contain;

        }

        .form-control{

            background:#ffffff;

            color:#212529;

            border:1px solid #ced4da;

            border-radius:10px;

            transition:.25s;

        }

        .form-control:focus{

            background:#ffffff;

            color:#212529;

            border-color:#0d6efd;

            box-shadow:0 0 0 .20rem rgba(13,110,253,.15);

        }

        .form-control::placeholder{

            color:#6c757d;

            opacity:1;

    }

        .btn-login{

            background:#0d6efd;

            border:none;

            font-weight:bold;

        }

        .btn-login:hover{

            background:#0b5ed7;

        }

        .divider{

            display:flex;

            align-items:center;

            text-align:center;

            color:rgb(113, 14, 14);

        }

        .divider::before,

        .divider::after{

            content:'';

            flex:1;

            border-bottom:1px solid rgba(255,255,255,.4);

        }

        .divider:not(:empty)::before{

            margin-right:.75em;

        }

        .divider:not(:empty)::after{

            margin-left:.75em;

        }

        a{

            color:rgb(65, 2, 33);

            text-decoration:none;

        }

        a:hover{

            color:#ff0707;

        }

        @keyframes float{

            0%{
            transform:translateY(0px);
            }

            50%{
            transform:translateY(-8px);
            }

            100%{
            transform:translateY(0px);
            }

        }