.cent{
     display        : flex;
     justify-content: center;
     align-content  : center;
   
}

.card_body {
     
     display        : flex;
     justify-content: center;
     align-content  : center;
     
     width: 70%;
     box-shadow: 0px 5px 5px 5px rgb(0 0 0 / 20%), 0px 0px 0px 0px rgb(0 0 0 / 5%);
     
     transition: height 0.3s ease-in-out;
     height: auto;
     border-radius: 1em;     
     margin-top: 20px;
     

}


.card_body-gradient {
    display        : flex;
     justify-content: center;
     align-content  : center;
    top: -290px;
    width: 100%;      
    transition: top 0.3s ease-in-out 0.3s;

     background: linear-gradient(to bottom, rgba(201, 230, 255, 0.19) 0px, #dbdffd 1175px, rgba(201, 230, 255, 0.19) 2350px , #dbdffd 3525px , rgba(201, 230, 255, 0.19) 4700px);

     min-height: auto;
}



.content{
     background:;
    
     min-height: auto;
     padding   : 20px;
     width: 95%;
     display        : flex;
     justify-content: center;
     align-content  : center;
}

form{
     
     justify-content: center;
     align-content  : center;
     width: 95%;

}

form, input {
    border: 0;  
    outline: none;  
    font-size: 13px;
    border-radius: 32px;
    padding: 0px;    
    text-shadow: 1px 1px 0 #fff;
    padding: 20px;
   
}

.ques input[type="text" i]{
     width: 100%;
     margin-right: 8px;
    box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #fff;    
    height: 36px;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    appearance: none;
    -webkit-appearance: none;
}



.ques input:focus[type="text" i] {
  box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;
}


.ques input :active[type="text" i] {
  box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;
}

.ques input:focus[type="number" i] {
  box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;
}


.ques input :active[type="number" i] {
  box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;
}



/*-------- success --------*/

.alerts {  
     overflow     : auto;
     padding      : 14px;
     margin-bottom: 20px;
     border       : 1px solid transparent;
     border-radius: 4px; 

     display        : flex;
     justify-content: center;
     align-content  : center;      
}


.alerts div{         
     text-shadow: 1px 1px 1px #fff;    
     display:inline;
     margin-right: 10px;  
}

.alert-success {
    color           : #3c763d;
    background-color: #dff0d8;
    border-color    : #d6e9c6;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;        
}

.alert-success strong {
    margin-right: 5px;
    font-size: 14px;  
}


/*-------- success --------*/

/*-------- danger --------*/

.alert {  
     overflow     : hidden;
     padding      : 14px;
     margin-bottom: 20px;
     border       : 1px solid transparent;
     border-radius: 4px;

     display        : flex;
     justify-content: center;
     align-content  : center;  


}

.alert-danger {
    color           : #a94442;
    background-color: #f2dede;
    border-color    : #ebccd1; 
    font-size: 14px;
}

.alert div{
     float: left;
     margin-left: 20px;
} 

/*-------- danger --------*/

.title{
     background-color: red;
     padding         : 5px;
     margin-bottom   : 20px;     
}  

.ques{
     background-color: red;
     padding         : 17px;
     margin          : 20px 0px 20px 0px;   
     
     text-align: center;
     
     padding         : 30px;
     background      : rgba(255, 255, 255, 0.375);
     box-shadow      : 0 0.75rem 2rem 0 rgb(0 0 0 / 10%);
     border-radius   : 2rem;
     border          : 1px solid rgba(255, 255, 255, 0.125);
     width: auto;
   
     
}

.ques p{
     
     font-size: 16px;

     text-align: center;
     text-shadow: -3px 3px 4px gray;
     letter-spacing: 2px;    
     font-family: bodoni mt;
     font-weight: 400;
     font-family: inherit;
}

.ques strong{
     
     font-size: 16px;

     text-align: center;
     text-shadow: -3px 3px 4px gray;
     letter-spacing: 2px;    
     font-family: bodoni mt;
     font-weight: 600;
     font-family: inherit;
    

}

.quest{
     background-color: red;
     padding         : 17px;
     margin          : 15px 0px 15px 0px;   
     
     
     padding         : 3px;
     background      : rgba(255, 255, 255, 0.375);
     box-shadow      : 0 0.75rem 2rem 0 rgb(0 0 0 / 10%);
     border-radius   : 1rem;
     border          : 1px solid rgba(255, 255, 255, 0.125);


}

.quest h1{
     text-align: center;
     text-shadow: -3px 3px 4px gray;
     letter-spacing: 2px;    
     font-family: bodoni mt;
     font-weight: 500;
     font-family: inherit;
}

.quest p{
     text-align: center;
     text-shadow: -3px 3px 4px gray;
     letter-spacing: 2px;    
     font-family: bodoni mt;
     font-weight: 500;
     font-family: inherit;
}


.enviar input{
     font-weight: bold;
    box-shadow: -5px -5px 20px #fff, 5px 5px 20px #babecc;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    
}

.enviar .btn1 {
    
    width: 100%;
    color: #26379c;
    padding: 13px;

     text-shadow: -3px 3px 4px gray;
     letter-spacing: 4px;    
     font-family: bodoni mt;
     font-weight: 900;
     font-family: inherit;
}

.enviar .btn1:hover {
  box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC;
}
.enviar .btn1:active {
  box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;
}




.po .nom[type="text" i]{
     width: 60%;    
    box-shadow: none;        
    box-sizing: none;       
    text-align: center; 
    border-radius: none;
    background-color: rgba(255, 255, 255, 0.125) ;
    border:0;border-bottom:1px solid black;
    border-radius: 0;
    letter-spacing: 2px;

}

.po .ced[type="number" i]{
     width: 40%;    
    box-shadow: none;        
    box-sizing: none;       
    text-align: center;
    height: 0px; 
    border-radius: none;
    background-color: rgba(255, 255, 255, 0.125) ;
    border:0;border-bottom:1px solid black;
    border-radius: 0;
    letter-spacing: 2px;

}






.po>div {
        line-height:2.5em;
    } 

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}