body{
    background-color:#050A30;
    height: max-content;
}
/* Desktop */
@media only screen and (min-width: 960px) {

    .card img{
        width: 400px;
        margin: 100px auto 20px;
    }

    form{
        width: 60%;
        margin: 10px auto 300px;
    }

}

.card{
    border: 5px solid #FFf;
    background-image: linear-gradient(rgba(5, 10, 48, 0.9),
            rgba(5, 10, 48, 0.6)), url(images/bg.jpg);
            background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 20px;
}

.btn{
    width: 100%;
    background-color: #FF5722;
    border: 1px solid #050A30;
}
.btn:hover{
    width: 100%;
    background-color: #050A30;
    border: 0;
    border: 1px solid #FFf;
    transition: 0.4s;
}

.copyright{
    margin-top: 30px;
    color: #ccc;
    font-size: 9pt;
}