iframe.p5 {
  aspect-ratio: 3.2;
  width: 100%;
  height: 100%;
  display: block;
  border-style: none;
}

.rotate {
  display: none;
}

.rotate-icon {
  display: none;
}

@media screen and (orientation: portrait) {
  .rotate {
    background-color: rgb(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    text-align: center;
  }

  .rotate-icon {
    display: block;
    background-color: white;
    height: 50%;
    position: absolute;
    width: auto;
  }
}

.rotate-holder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.license {
  font-size: 0.8rem;
  justify-content: flex-end;
  align-content: flex-end;
}

.instructions {
  color: white;
  background-color: transparent;
  width: auto;
  height: auto;
}