body{
    padding: 0;
    margin: 0;
    background: blueviolet;
    color: white;
}
/* ========Area de login =========*/
.login{
    width: 30%;
    margin-left: 34%;
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-bottom: 2%;
    background: blueviolet;
    border: 3px solid white;
    border-radius: 23px;
    margin-top: 10%;

}
.form-control{
    margin-top: 2%;
}
.btn-primary{
    margin-top: 2%;
    width: 100%;
}
.img-logo{
    width: 100%;
}
@media only screen and (max-width: 420px) {
    .login{
        width: 80%;
        margin-left: 10%;
        padding-top: 2%;
        padding-left: 2%;
        padding-right: 2%;
        padding-bottom: 2%;
        padding-bottom: 2%;
        background: blueviolet;
        border: 3px solid white;
        border-radius: 23px;
        margin-top: 20%;
    
    }
  }