.inputbox{
 padding: 12px 14px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline-offset: 2px;
  outline-color: #99a2e6;
  transition: border-color 0.5s ease;
  width:100%;
  box-sizing: border-box;
}
/* .count{
   padding:10px;
   min-width: 10px;
   width: 5rem;
} */

.invalid{
   border: 1px solid red;
}
.invalid:focus{
   outline-color: red;
}
.error{
   /* margin-top: 10px; */
   font-size: small;
   font-family: 'Segoe UI';
   text-align: left;
}