@media only screen and (min-width: 700px) {
    .center {
        margin: auto;
        width: 60%;
        padding: 1%;
        margin-top: 10%;
    }


    .login-box{
        padding-top: 10%;
        padding-left: 10%;
    }

    .login-card{
        padding-left: 1.5%;
        padding-right: 1.5% ;
        width: 70% ;
    }

}
@media only screen and (max-width: 700px) {
    .center {
        padding: 10%;

    }

    .login-card{
        padding-left: 1.5%;
        padding-right: 1.5% ;
    }

}





.border{
    border-width: thick;
    border-color:#ad9a58 #ecd379;
}