#portfolio-page {
  position: relative;
  padding-top: calc(var(--navbar-height)* 1.5);
}

.iframe-container {
  position: absolute;
  width: 95%;
  height: 80%;
  display: inline-block;
  top: calc(var(--navbar-height) / 2);
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: white;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}

#program_iframe {
  width: 100%;
  height: 100%;
}

.iframe-container.active {
  /* Just under the navbar z-index */
  z-index: 99;
  opacity: 1;
  pointer-events: all;
}

.iframe-container .buttons {
  display: flex;
  justify-content: space-evenly;
}

.iframe-container .btn {
  margin-top: 15px;
  width: 25%;
}


@media screen and (max-width: 500px) {
  .iframe-container .btn {
    margin-top: 1.5vw;
    width: 20%;
    font-size: 3vw;
  }
  
}