* {
  margin: 0;
  padding: O;
  box-sizing: border-box;
}
.container {
  background-color: #010120;
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  color: white;
}
.introd {
  /* font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "slnt" 0; */
  direction: rtl;
  text-align: right;
  font-family: "Aref Ruqaa Ink", serif;
  font-weight: 400;
  font-size: 24px;
  font-size: normal;
  color: rgb(255 255 255 / 80%);
}
.jsgboxS {
  background-color: rgb(122, 70, 70) !important;
  margin: 20px;
}
.jxgbox {
  background-color: white !important;
}
.box {
  background-color: rgb(13 110 253 / 8%);
}
#box {
  width: 300px;
  height: 200px;
  color: white;
  margin: auto;
}
#box {
  overflow: auto;
}
@media (max-width: 400px) {
  .formula {
    font-size: 0.8rem;
  }
  .One > p {
    font-size: 0.6rem;
  }
}
#BOARDIDtext3d {
  left: 10px;
  box-shadow: 4px 4px 12px 2px rgb(88, 101, 131);
}