<commit_before>@font-face {
  font-family:dastnevis;
  src : url(fonts/dastnevis.otf);
}
@keyframes level1 {
 to {background-color: #ae249c;}
 }
@keyframes level2 {
 to {background-color: #d25400;}
}
@keyframes level3 {
 to {background-color: #25ae5f;}
}
@keyframes level4 {
 to {background-color: #ae249c;}
}
@keyframes level5 {
 to {background-color: #ae249c;}
}
@keyframes level6 {
 to {background-color: #ae249c;}
}
@keyframes level7 {
 to {background-color: #ae249c;}
}
@keyframes level8 {
 to {background-color: #ae249c;}
}
* {
  box-sizing : border-box;
  font-family:dastnevis;
  padding: 0;
  margin: 0;
  font-weight: 450;
}
body {
  background-color: #ae249c;
  direction : rtl;
}
#start_btn {
  position: fixed;
  left:0px;
  top: 40%;
  color:#62a5d0;
  font-weight: bolder;
  background-color: rgb(255, 255, 255);
}

#version {
  position: fixed;
  left: 38%;
  bottom: 7%;
  padding:5px;
  border: 3px solid grey;
  border-radius: 60px;
  font-weight: bold;
}
#license {
  position: fixed;
  left: 31%;
  bottom: 1%;
  padding:5px;
  border-radius: 60px;
  font-weight: bold;
}
#credit {
  font-size:80%;
  border: 2px solid #fff;
  border-radius: 60px;
  position: fixed;
  left: 2%;
  top:93%;
  padding:8px;
  border-radius: 60px;
  font-weight: bold;
  color:#fff;
}
#settings {
  border: 2px solid #fff;
  border-radius: 60px;
  position: fixed;
  left: 2%;
  top:86.5%;
  padding:7px;
  font-weight: bold;
  color:#fff;
}
.title {
  position: fixed;
  left: 21%;
  top: 20%;
  color : #fff;
  font-size:425%;
  font-weight: 800;

}
#hardness_btn_main {
  position: fixed;
  left: 38%;
  top: 61%;
  width:20%;
}

#best_records_btn_main {
  position:fixed;
  left: 38.5%;
  top: 63%;
  width:20%;
}
.hidden {
  display:none;
}
#math_screen {
  width:100%;
  height:100%;
  background-color: #2b3e4d ;
  /*#ae249c*/
}
.level1
{
  animation-name : level1;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level2
{
  animation-name : level2;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level3
{
  animation-name : level3;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level4
{
  animation-name : level4;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level5
{
  animation-name : level5;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
#answ_sec {
  width:100%;
  height:46%;
  margin-bottom: 5%;
}
#quest_sec {
  width:95%;
  height:46%;
  text-align:center;
  margin: 0px 2.5%;
  margin-bottom: -4%;
}
.progress-bar-success {
  background-color: #26ae5e;
}

#status_sec {
  font-size:115%;
  width:100%;
  height:8%;
}

#math_screen {
  position : fixed;

}
#quest {
  text-align:center;
  margin-top: 40px;
}
/*#pause_div {
  margin-top: 80px;
  text-align: right;
  margin-right:15px;
}*/
#pause {
  position:fixed;
  right:42%;
  top:42.5%;
  padding:1.5% 5%;
  border : 2px solid #fff;
  border-radius:180px;
  background-color: #fff;
}
#pause span {
  color: purple;
  font-size:165%;
}
#status_sec ul li {
  display: inline-block;

}
#question {
  font-weight : 800;
  font-size: 500%;
  color : #fff;
  padding: 25px;

}
#status_sec div {
  width:29%;
  position:fixed;
  margin-top : 3%;
  /*border: 2px solid purple;
  border-radius: 50px 10px 50px 10px;*/
  text-align: center;
}
#status_sec div .stat {
  font-weight:1000;
  font-size: 180%;
  color:black;
  text-align: center;
}
#answ_sec ul li {

}
#answ1 {
  background-color: #fff;
  display: inline-block;
  border: 4px solid #3a3535;
  width:33%;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:50px 10px 50px 10px;
  padding:7%;
  font-size: 200%;
  direction: ltr;
}
#answ2 {
  background-color: #fff;
  display: inline-block;
  border: 4px solid #3a3535;
  width:33%;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:10px 50px 10px 50px;
  padding:7%;
  font-size: 200%;
  direction: ltr;
}
#answ3 {
  background-color: #fff;
  display: inline-block;
  border: 4px solid #3a3535;
  width:33%;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:10px 50px 10px 50px;
  padding:7%;
  font-size: 200%;
  direction: ltr;
  margin-bottom: 4%;
}
#answ4 {
  background-color: #fff;
  display: inline-block;
  border: 4px solid #3a3535;
  width:33%;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:50px 10px 50px 10px;
  padding:7%;
  font-size: 200%;
  direction: ltr;
  margin-bottom: 4%;
}
#answ_sec ul {
text-align: center;
}
.popup_back {
  position:fixed;
  width:100%;
  height:100%;
  z-index:1000;
  background-color: black;
  opacity: .7;
}
.popup_box {
  position: fixed;
  left:11.25%;<commit_msg>change in answ lis<commit_after>@font-face {
  font-family:dastnevis;
  src : url(fonts/dastnevis.otf);
}
@keyframes level1 {
 to {background-color: #ae249c;}
 }
@keyframes level2 {
 to {background-color: #d25400;}
}
@keyframes level3 {
 to {background-color: #25ae5f;}
}
@keyframes level4 {
 to {background-color: #ae249c;}
}
@keyframes level5 {
 to {background-color: #ae249c;}
}
@keyframes level6 {
 to {background-color: #ae249c;}
}
@keyframes level7 {
 to {background-color: #ae249c;}
}
@keyframes level8 {
 to {background-color: #ae249c;}
}
* {
  box-sizing : border-box;
  font-family:dastnevis;
  padding: 0;
  margin: 0;
  font-weight: 450;
}
body {
  background-color: #ae249c;
  direction : rtl;
}
#start_btn {
  position: fixed;
  left:0px;
  top: 40%;
  color:#62a5d0;
  font-weight: bolder;
  background-color: rgb(255, 255, 255);
}

#version {
  position: fixed;
  left: 38%;
  bottom: 7%;
  padding:5px;
  border: 3px solid grey;
  border-radius: 60px;
  font-weight: bold;
}
#license {
  position: fixed;
  left: 31%;
  bottom: 1%;
  padding:5px;
  border-radius: 60px;
  font-weight: bold;
}
#credit {
  font-size:80%;
  border: 2px solid #fff;
  border-radius: 60px;
  position: fixed;
  left: 2%;
  top:93%;
  padding:8px;
  border-radius: 60px;
  font-weight: bold;
  color:#fff;
}
#settings {
  border: 2px solid #fff;
  border-radius: 60px;
  position: fixed;
  left: 2%;
  top:86.5%;
  padding:7px;
  font-weight: bold;
  color:#fff;
}
.title {
  position: fixed;
  left: 21%;
  top: 20%;
  color : #fff;
  font-size:425%;
  font-weight: 800;

}
#hardness_btn_main {
  position: fixed;
  left: 38%;
  top: 61%;
  width:20%;
}

#best_records_btn_main {
  position:fixed;
  left: 38.5%;
  top: 63%;
  width:20%;
}
.hidden {
  display:none;
}
#math_screen {
  width:100%;
  height:100%;
  background-color: #2b3e4d ;
  /*#ae249c*/
}
.level1
{
  animation-name : level1;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level2
{
  animation-name : level2;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level3
{
  animation-name : level3;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level4
{
  animation-name : level4;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
.level5
{
  animation-name : level5;
  animation-duration:1s;
  animation-fill-mode :forwards;
  -webkit-animation-fill-mode: forwards;
}
#answ_sec {
  width:100%;
  height:46%;
  margin-bottom: 5%;
}
#quest_sec {
  width:95%;
  height:46%;
  text-align:center;
  margin: 0px 2.5%;
  margin-bottom: -4%;
}
.progress-bar-success {
  background-color: #26ae5e;
}

#status_sec {
  font-size:115%;
  width:100%;
  height:8%;
}

#math_screen {
  position : fixed;

}
#quest {
  text-align:center;
  margin-top: 40px;
}
/*#pause_div {
  margin-top: 80px;
  text-align: right;
  margin-right:15px;
}*/
#pause {
  position:fixed;
  right:42%;
  top:42.5%;
  padding:1.5% 5%;
  border : 2px solid #fff;
  border-radius:180px;
  background-color: #fff;
}
#pause span {
  color: purple;
  font-size:165%;
}
#status_sec ul li {
  display: inline-block;

}
#question {
  font-weight : 800;
  font-size: 500%;
  color : #fff;
  padding: 25px;

}
#status_sec div {
  width:29%;
  position:fixed;
  margin-top : 3%;
  /*border: 2px solid purple;
  border-radius: 50px 10px 50px 10px;*/
  text-align: center;
}
#status_sec div .stat {
  font-weight:1000;
  font-size: 180%;
  color:black;
  text-align: center;
}
#answ_sec ul li {
  background-color: #fff;
    /*border: 4px solid #3a3535;*/
    width:33%;
    padding:8%;
}
#answ1 {
  display: inline-block;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:50px 10px 50px 10px;
  font-size: 200%;
  direction: ltr;
}
#answ2 {
  display: inline-block;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:10px 50px 10px 50px;
  font-size: 200%;
  direction: ltr;
}
#answ3 {
  display: inline-block;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:10px 50px 10px 50px;
  font-size: 200%;
  direction: ltr;
  margin-bottom: 4%;
}
#answ4 {
  display: inline-block;
  margin:5px;
  text-align: center;
  font-weight:bold;
  border-radius:50px 10px 50px 10px;
  font-size: 200%;
  direction: ltr;
  margin-bottom: 4%;
}
#answ_sec ul {
text-align: center;
}
.popup_back {
  position:fixed;
  width:100%;
  height:100%;
  z-index:1000;
  background-color: black;
  opacity: .7;
}
.popup_box {
  position: fixed;
  left:11.25%;
{'fraction_non_alphanumeric': 0.15959915611814346, 'fraction_numerical': 0.0640295358649789, 'mean_word_length': 3.580193236714976, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3445357', 'n_tokens_mistral': 4310, 'n_tokens_neox': 3888, 'n_words': 812}