.coverboardfull {
  background-color: #9fc5e8;
}

.bg-full.mt-2 {
  height: 90%;
  top: 10%;
}

.speechbox {
  z-index: 50;
}

.speechbox {
  left: 5%;
  top: 10%;
  width: 40%;
}

.sabina-zoomed {
  height: 100%;
  bottom: -40%;
}

.sabina-zoomed.sabina-right {
  left: unset;
  right: 0;
}

.sp-1 {
  padding: 2%;
  left: 1%;
  top: 20%;
  width: 48%;
}

.sp-2 {
  top: 13%;
  left: 56%;
  width: 43%;
  height: 30%;
  padding: 1%;
}

.sp-2:lang(np){
  font-size: 2.5vmin;
}

:is(.sp-4, .sp-5) {
  top: 15%;
  left: 3%;
  width: 45%;
}

.sp-3 {
  top: 12%;
  left: 38%;
  width: 55%;
  padding: 1%;
}

.sp-4 {
  top: 13%;
  left: 21%;
  width: 45%;
}

:is(.sp-3, .sp-2, .sp-4)::after,
:is(.sp-3, .sp-2, .sp-4)::before {
  border-bottom: unset;
  border-right: unset;
  border-top: var(--caret-unit) solid #fff;
  border-right: var(--caret-unit) solid transparent;
  right: unset;
  left: calc(1.15 * var(--caret-unit));
  bottom: calc(-0.99 * var(--caret-unit));
  transform-origin: center;
  transform: skewX(-30deg);
}

:is(.sp-3, .sp-2, .sp-4)::before {
  --caret-unit: 2.7em;
  left: calc(1 * var(--caret-unit));
  bottom: calc(-1 * var(--caret-unit));
  border-top: var(--caret-unit) solid #3c78d8;
}

.sp-2::after {
  left: 23%;
}

.sp-2::before {
  --caret-unit: 2.8em;
  left: 21.5%;
}

.sp-3.sp-lg {
  width: 40%;
  left: 55%;
}

.sp-3::after,
.sp-3::before {
  --caret-unit: 2em;
  left: unset;
  right: 10%;
}

.sp-3::before {
  --caret-unit: 2.3em;
  right: 9.9%;
}

.sp-5 {
  left: 21%;
}

.sp-6 {
  width: 50%;
}

.sp-8 {
  width: 50%;
}

.sabina-final {
  left: 51%;
}

.phone-waving,
.educational-apps {
  position: absolute;
  height: 80%;
  width: auto;
  right: 5%;
  bottom: 5%;
}

.computer {
  position: absolute;
  right: 0;
  bottom: 0;
}

.typing {
  width: 50%;
  height: 50%;
  object-fit: contain;
  bottom: 10%;
}

.game {
  position: absolute;
  bottom: 35.2%;
  left: 1.5%;
  width: 35%;
  height: 31%;
  object-fit: cover;
}

@media screen and (min-aspect-ratio: 4/3) {
  .sp-2:lang(np) {
    font-size: 2.55vh;
    height: max-content;
  }
}