.activity_container{
  position: relative;
  height: 100%;
}
#loading-content{
  height: unset;
  aspect-ratio: 1;
}

div.headerblock {
  padding-left: 3%;
  justify-content: start;
  text-shadow: none;
  top: -15%;
  background-color: transparent;
  height: 15%;
  z-index: 0;
}

.coverboardfull{
  background-color: #fff;
}

.scoreboard {
  background-color: #de7d00ff;
  border: none;
}
.congratulationtext {
  transform: unset;
}

.qna-container .question-content {
  background-color: #e8d490ff;
  height: 100%;
}

.options-container{
  height: 80%;
}

.option{
  border: none;
  height: 25%;
  margin: 4% auto;
}

.question {
  background-color: #b45f06ff;
  color: #fff;
  font-size: 3vmin;
  text-shadow: 0.08em 0.05em #111;
  padding: 3%;
}

.iphone {
  width: 50%;
}

.laptop {
  width: 80%;
  left: 40%;
}

.manwithphone {
  height: 80%;
}

.img-label__container {
  position: relative;
}

.img-label__container label {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%);
  font-size: 4vmin;
}



@media (min-aspect-ratio: 4/3) {
  .question {
    font-size: 3.3vh;
  }
  .img-label__container label {
    font-size: 4vh;
  }
}