body{
    background-color: black!important;

    background-image: url('../images/Splash.png');
    background-size: contain;
    background-size: cover;
    background-position: bottom;
    height: 100vh;
}
@media only screen and (max-width: 600px){
    body{
        background-color: black!important;
        background-size: cover!important;
        background-position: unset!important;
        height: 100vh!important;
    }
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: white!important;
}
.logo{
    width: 100%;
}
.charter{
    /* background-color:transparent!important; */

    /* background: rgba(61,61,61,1);
    background: -moz-linear-gradient(-45deg, rgba(61,61,61,1) 0%, rgba(71,71,71,1) 12%, rgba(82,82,82,1) 25%, rgba(59,59,59,1) 39%, rgba(36,36,36,1) 50%, rgba(0,0,0,1) 51%, rgba(15,15,15,1) 60%, rgba(36,36,36,1) 76%, rgba(23,23,23,1) 91%, rgba(15,15,15,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(61,61,61,1)), color-stop(12%, rgba(71,71,71,1)), color-stop(25%, rgba(82,82,82,1)), color-stop(39%, rgba(59,59,59,1)), color-stop(50%, rgba(36,36,36,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(15,15,15,1)), color-stop(76%, rgba(36,36,36,1)), color-stop(91%, rgba(23,23,23,1)), color-stop(100%, rgba(15,15,15,1)));
    background: -webkit-linear-gradient(-45deg, rgba(61,61,61,1) 0%, rgba(71,71,71,1) 12%, rgba(82,82,82,1) 25%, rgba(59,59,59,1) 39%, rgba(36,36,36,1) 50%, rgba(0,0,0,1) 51%, rgba(15,15,15,1) 60%, rgba(36,36,36,1) 76%, rgba(23,23,23,1) 91%, rgba(15,15,15,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(61,61,61,1) 0%, rgba(71,71,71,1) 12%, rgba(82,82,82,1) 25%, rgba(59,59,59,1) 39%, rgba(36,36,36,1) 50%, rgba(0,0,0,1) 51%, rgba(15,15,15,1) 60%, rgba(36,36,36,1) 76%, rgba(23,23,23,1) 91%, rgba(15,15,15,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(61,61,61,1) 0%, rgba(71,71,71,1) 12%, rgba(82,82,82,1) 25%, rgba(59,59,59,1) 39%, rgba(36,36,36,1) 50%, rgba(0,0,0,1) 51%, rgba(15,15,15,1) 60%, rgba(36,36,36,1) 76%, rgba(23,23,23,1) 91%, rgba(15,15,15,1) 100%);
    background: linear-gradient(135deg, rgba(61,61,61,1) 0%, rgba(71,71,71,1) 12%, rgba(82,82,82,1) 25%, rgba(59,59,59,1) 39%, rgba(36,36,36,1) 50%, rgba(0,0,0,1) 51%, rgba(15,15,15,1) 60%, rgba(36,36,36,1) 76%, rgba(23,23,23,1) 91%, rgba(15,15,15,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#0f0f0f', GradientType=1 ); */
    background-image: url('../images/card.png');
    background-attachment: initial;
    background-position: center;
    border: groove;
    background-repeat:no-repeat;
    border-radius: 2rem!important;
}
.desing{
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none!important;
    margin-left: 1px!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    color: white!important;
    background-color:rgba(109, 109, 109, 0.4)!important;
    /* background-color:transparent!important; */
    border-top: 2px solid black!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: 2px solid white!important;
    font-size: 12px!important;
}
.divider{
    padding: 20px;

}
.forgot{
    font-size: 12px!important;
    color: rgb(165, 165, 165);
}
.login{
    color: azure!important;
}
.remember{
    border-top: 1px solid rgb(41, 41, 41)!important;
}
.password{
    margin-top: 3px;
}