.normal_text {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 1.5em; /* 25px/16=2.5em */
  padding: 3px;

}


@font-face {
  font-family: dottedLineFont;
  src: url(codystar.light.ttf);
}

.practice_writing_td {
  font-family: dottedLineFont;
  font-size: 70px;
  text-align: center;
}
.practice_writing_table,.practice_writing_td,.writing_num_td,.counting_num_td {
  border: 1px solid black;
  border-collapse: collapse;
  border-color: #ccc;
}

.bf_af_num_td {
  border: 2px solid black;
  border-radius: 30px;
  height: 60px;
  /*border-color: #ccc;*/
  font-family: Arial;
  font-size: 40px;
  text-align: center;
}

.bf_af_num_table{
  border-spacing: 20px;
}



.writing_num_td {
  font-family: Comic Sans MS,cursive;/*dottedLineFont;*/
  font-size: 50px;
  text-align: center;
}
.counting_num_td {
  font-size: 30px;
  height: 80px;
}

.circle_num_td {
  font-family: Comic Sans MS,cursive;
  font-size: 60px;
  text-align: center;
}
.circle_num_table,.circle_num_td {
  border:none;
  /*border: 1px solid #ccc;*/
  border-collapse: collapse;
}

#input[type="number"]{
  width: 20%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 14px;

}

.circle {
    display: inline-block; /* Ensures the element only takes up as much space as it needs */
    width: 90px; /* Adjust the width as needed */
    height: 90px; /* Adjust the height to be the same as width to make a circle */
    line-height: 90px; /* Same as the height to center the text vertically */
    border-radius: 50%; /* This makes the element a circle */
    border: 2px solid #000; /* Optional: Add a border around the circle */
    box-sizing: border-box; /* Ensures padding and border are included in the width and height */
}