html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
}
.iframe-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.iframe-top {
  height: 100%;
}
.iframe-bottom {
  height: 0%;
}
    iframe {
      display: block;
      /* iframes are inline by default */
      height: 100%;
      /* Set height to 100% of the viewport height */
      width: 100%;
      /* Set width to 100% of the viewport width */
      border: none;
      /* Remove default border */
      background: rgb(34, 111, 218);
      /* Just for styling */
      padding:0px;
        margin:0px;
        overflow: hidden;
    }
    #over { font-size:5em; 
      position:absolute; 
      top:20px; 
      left:100px; 
      z-index:2;
      text-shadow: 2px 2px 5px black;
      color:rgb(210, 20, 20) }