body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('../img/concert-768722_1920.jpg');
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px;
  height: 100vh;
}

@media only screen and (min-width: 768px) {
  .app-frame-content {
    margin-top: 2vh;
    position: relative;

    height: 90vh;
    width: calc(90vh * 0.6);

    /* margin: auto; */
    border: 5px #222 solid;
    border-radius: 5px;
  }

  .app-frame-content .content {
    height: 90vh;
    width: calc(90vh * 0.6);
    background: black;
  }

  .app-frame-content .content iframe {
    width: 100%;
    border: none;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .app-frame-content {
    height: 100vw;
    width: 100vh;
  }

  .app-frame-content .content {
    width: 100vw;
    height: 100vh;
    background: black;
  }

  .app-frame-content .content iframe {
    width: 100%;
    border: none;
    height: 100%;
  }
}