body {
  background-color: black;
  text-align: center;

  width: min(160vh, 90vw);
  height: min(90vh, 50.63vw);
  
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  font-size: min(5vh, 2.81vw);
}

.box {
  position: absolute;

  background-color: #FBED28;
  background-clip: padding-box;
  border: .3em black solid;
  box-sizing: border-box;
  padding: 1%;

  font-family: Courier New;
  font-size: 70%;
  font-weight: bold;
}

#popUpSize {
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  display: none;
  font-size: 270%;
}

@media only screen and (max-width: 550px) {
  #popUpSize {
    display: block;
  }
}
@media only screen and (max-height: 300px) {
  #popUpSize {
    display: block;
  }
}