.container {
  font-family: arial;
  font-size: 24px;
  margin: 25px;
  width: 350px;
  height: 200px;
  outline: dashed 1px black;
}

#scale {
  /* 水平方向の中央揃え */
  text-align: center;
  font-size: 1000%;
  margin: 10px;
}

.outer{
  margin-top: 5%;
  text-align: center;
  width: 100%;
  height: 100%;
}
.scalebox{
  display: inline-block;
  text-align: center;
  width: 100%;
  background-color: #89e4a8;
}

.foot {
        margin: 10px;
}

#change {
        margin: 10px;
}