.wrapper {
    margin: auto;
    max-width: 1018px;
  }
  
  body.mainBody {
    overflow-y: hidden;
    margin: 0;
    padding-top: 5px;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: black;
  }

  body {
    margin: 0;
    position: flex;
  }

  .bodyDiv {
    margin: 0;
    max-width: 1280px;
    width: 1280px;
    max-height: 720px;
    height: 720px;
    background-image: url("/resources/images/picdumidi_1280x720_no_bottom.png");
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: no-repeat;
  }
  
  div.timer {
    position: relative;
    left: 615px;
    top: 35px;
    color: darkred;
    font-size: 36pt;
    font-weight: bold;
    font-family: "Courier New", monospace;
    width: 160px;
    height: 55px;
    text-align: center;
    padding-top: 5px;
    background-color: black;
    opacity: 0%;
    visibility: visible;
    border-radius: 15px;
  }

  div.navThumb {
    position: absolute;
    left: 285px;
    bottom: 5px;
    width: 164px;
    height: 118px;
    visibility: visible;
  }
  
  #logo_left {
    position: absolute;
    left: 5px;
    bottom: 5px;
  }

  #logo_right {
    position: absolute;
    right: 5px;
    bottom: 5px;
  }

  #mainIFrame {
    border: 0;
    margin: 0;
    max-width: 1280px;
    width: 1280px;
    max-height: 610px;
    height: 610px;
  }

  div.lower {
    height: 110px;
    max-height: 110px;
    width: 1280px;
    max-width: 1280px;
    margin: 0;
    bottom: 5px;
    position: relative;
  }

.hidden {
  display: none;
  position: absolute;
  left: 340px;
  top: 25px;
}