body{
   text-align: -webkit-center;
}
.contenedor{
   text-align: center;
   font-family: Montserrat,Helvetica,Arial,sans-serif!important;
   width: 40%;
  
}
#titulo1{
    font-size: 50px;
    font-weight: bold;
}
#titulo2{
   font-size: 30px;
    
}
#divData{
   border: 2px solid #e20613;
   padding: 0.5rem;

   
}
.animation {
   animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
   -webkit-animation: scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
#row1{
   font-size: 20px;
}
#row2{
   font-size: 25px;
   font-weight: bold;
}
.botones{
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.1rem;
}
.btnValor{
 background: #e20613;
 border-color: transparent;
 font-size: large;
 color: white;
 text-decoration: none;
 border-radius: 10px;
 width: 5rem;
 cursor: pointer;
 padding: 0.5rem;
 margin: 0.2rem;
}
.no{
   background-color: #feebec;
   padding: 0.3rem;
}
.btnValor:hover{

   background: rgb(11, 9, 151);
}
@keyframes scaleHalfUp {
   from {
     opacity: 0;
     -webkit-transform: scale(0.6);
     transform: scale(0.6); }
   to {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1); } 
}
@media only screen and (max-width: 468px) {
   /* For desktop: */
   .contenedor{
      width: 80%;
   }
   #titulo1{
      font-size: 25px;
      font-weight: bold;
   }
   #titulo2{
      font-size: 20px;
   }
   #row1{
      font-size: 15px;
   }
   #row2{
      font-size: 20px;
   }
 }