.card {
    width: 36%;
    background: white;
    border-radius: 15px;
    margin: 1.3rem auto;
    text-align: center;
    padding: 8px
}

.form-control {
    display: initial;
    text-align: center;
    background: #eee;
    border-radius: 10px
}

.boton {
    border: none;
    color: white;
    padding: 15px 80px;
    text-align: center;
    border-radius: 25px;
    background-color: #E0E0E0;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
    transition: all 0.4s;
}
    .boton:hover {
        background-image: linear-gradient(19deg, #B721FF 0%, #21D4FD 100%);
        transition: all 0.4s;
    }

@media screen and (max-width: 800px) {
    .card {
        width: 60%;
        background: white;
        margin: 1.3rem auto;
        text-align: center;
        padding: 8px,
    }
}

@media screen and (max-width: 600px) {
    .card {
        width: 90%;
        background: white;
        margin: 1.3rem auto;
        text-align: center;
        padding: 8px
    }
}