:root {
  --window-height: 814;
}


.center-slide h2,
.center-slide h3 {
  position: fixed;
  top: 4%;
  left: -5%;
  text-align: left;
  /* background-color: #eee; */
  max-width: 95%;
}

.center-slide {
  width: 100%;
  height: 100%;
  /* border: 5px solid; */
}

.center_d {
  /* border: 1px solid; */
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 55%;
  left: 50%;
  width: 110%;
  height: 80%;
  transform: translate(-50%, -50%);
}

.p_iframe iframe {
  /* border: 1px solid; */
  width: 100%;
  height: calc((-0.07 * var(--window-height) + 118.3333333)*1vh);
  /* padding-top: 10%; */
}

.t_iframe iframe {
  width: 100%;
  height: calc(1.00666667vh*(-0.07 * var(--window-height) + 118.3333333));
}

@media only screen and (max-height: 500px) {
  .p_iframe iframe {
    width: 100%;
    height: calc((-0.0005 * var(--window-height) + 118.3333333)*1vh);
  }

  .t_iframe iframe {
    width: 100%;
    height: calc(1.00666667vh*(-0.0005 * var(--window-height) + 118.3333333));
  }
}

/* Layouts */
.l-double {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.l-tripple {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* table */
.highlight {
  border-left: 2px solid red;
  border-right: 2px solid red;
}

/* list */
li {
  margin: 10px 0;
}

/* center flex */
.cen_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}