.box {
  /* overflow: auto; */
  /* overflow-y: scroll; */
  /* overflow-x: scroll; */
  background-color: red;
  color: blue;
  min-height: 150px;
  max-height: 200px;
  max-width: 650px;
  min-width: 350px;
  /* width: 650px; */
  /* height: 36px;
    width: 36px; */
  /* min-width: 70; */
  /* width: 80em;
  height: 5em; */
  /* width: min-content; */
}

div.box-2 {
  min-width: 450px;
  max-width: 650px;

  min-height: 450px;
  max-height: 650px;

  background-color: antiquewhite;
  border-top: black 6px outset;
  /* border-color: green;
    border-width: 6px;
    border-style: dotted; */

  /* border-top-width: 2px;
  border-top-color: blue;
  border-top-style: dashed;

  border-bottom-width: 2px;
  border-bottom-color: blue;
  border-bottom-style: dashed; */
}

div.digit {
  height: 250px;
  width: 250px;
  /* border-color: black; */
}
/* Digit 2 */
/* div.upper-box {
    border-width: 4px;
    border-style: solid;
    border-left: none;
}
div.lower-box {
    border-width: 4px;
    border-style: solid;
    border-right: none;
    border-top: none;
} */

/* Digit 3 */
/* .upper-box,
.lower-box {
  border-width: 4px;
  border-style: solid;
  border-left: none;
}

.lower-box {
    border-top: none;
} */

/* Digit 4
.upper-box {
  border-width: 4px;
  border-style: solid;
  border-top: none;
}
.lower-box {
  border-right-width: 4px;
  border-left-width: 4px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: white !important;
  border-left-color: transparent; */
.upper-box-5 , .lower-box-5{
  border-width:6px;
  border-style: solid;
}
.upper-box-5{
    border-right: none;
}
.lower-box-5{
    border-top: none;
    border-left: none;
}

hr{
  border-width: 10px;
  border-color: black;
}
.upper-box-6{
    border-width: 6px;
    border-style: solid;
    border-bottom: none;
    border-right: none;
}
.lower-box-6{
    border-width: 6px;
    border-style: solid;
  
}
.upper-box-7{
    border-width: 6px;
    border-style: solid;
    border-left: none;
    border-bottom: none;
}
.lower-box-7{
    border-width: 6px;
    border-style: solid;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.upper-box-8{
    border-width: 6px;
    border-style: solid;
    border-bottom: none;
}
.lower-box-8{
    border-width: 6px;
    border-style: solid;
}
.upper-box-9{
    border-width: 6px;
    border-style: solid;
}
.lower-box-9{
     border-width: 6px;
    border-style: solid;
    border-top: none;
    border-left-color: transparent; 
}
.upper-box-101{
    border-width: 6px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-bottom: none;
}
.lower-box-1001{
     border-width:6px;
    border-style: solid;
  border-left: none;
}
.lower-box-100{
 border-width: 6px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-bottom: none;
}
#container-10{
  display: flex;
}
.upper-box-111{
  border-width: 6px;
    border-style: solid;
   border-left: none;
    border-top: none;
    border-bottom: none;
}
.lower-box-111{
   border-width: 6px;
    border-style: solid;
   border-left: none;
    border-top: none;
    border-bottom: none; 
}
.upper-box-1111{
   border-width: 6px;
    border-style: solid;
   border-left: none;
    border-top: none;
    border-bottom: none; 
}
.lower-box-1111{
   border-width: 6px;
    border-style: solid;
   border-left: none;
    border-top: none;
    border-bottom: none; 
}
.digit-11{
  display: inline-flex;
}
.transparent-11{
    border-width: 6px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.upper-box-121{
  border-width: 6px;
    border-style: solid;
   border-left: none;
    border-top: none;
    border-bottom: none;
}
.lower-box-121{
   border-width: 6px;
    border-style: solid;
   border-left: none;
    border-top: none;
    border-bottom: none; 
}
.upper-box-122{
     border-width: 6px;
    border-style: solid;
    border-left: none;
}
.lower-box-122{
       border-width: 6px;
    border-style: solid;
    border-top: none;
    border-right: none;
}
.digit-12{
  display: inline-flex;
}
.transparent-12{
    border-width: 6px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}