.formulario {
    width: 96%;
    margin: .7em auto;
    border-radius: 1em;
    padding: 1em;
    background-color: #f9f9f9;
    transition: 3s clip-path ease, 1s background-color ease;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) 
}
.active-finished {
    background-color: rgb(162, 235, 162);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}
.title-form {
    text-align: center;
    font-size: 2em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 1em .5em;
    border-bottom: 3px solid #090909;
}
/*_________ INPUTS ____________-*/
.cuestion {
    display: flex;
    justify-content: space-between;
    margin: 1.7em auto;
}
.label {
    font-family: 'Padauk', sans-serif;
    font-size: 1.6em;
}
.input {
    width: 40%;
    border: none;
    outline: none;
    border-bottom: 2px solid rgb(187, 62, 62);
    transition: .5s box-shadow ease-in;
}
.input:focus {
    border-bottom: 2px solid rgb(224, 77, 77);
    box-shadow: 2px 4px 10px -2px rgb(219, 94, 94);
}
/*___________ Button ______---*/
.contenedor-btn{
    width: 100%;
    display: flex;
    justify-content: center;
}
.btn {
    width: 50%;
    border: none;
    outline: none;
    padding: .5em .1em;
    border-radius: .5em;
    background-color: rgb(204, 80, 80);
    transition: .2s background-color ease-in-out, .3s transform ease;
    color: #fff;
}
.btn:active {
    background-color: rgb(212, 55, 55);
    transform: scale(.75);
}