html, body { margin: 0; }
canvas { width: 100%; height: 100% }

/* Split the screen in half */
.split {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 0px;
    margin: 0;
  }
  
  /* Control the left side */
  .left {
    display:block;
    width: 75%;
    left: 0;
    overflow: hidden;
  }
  
  /* Control the right side */
  .right {
    width: 25%;
    right: 0;
    display: flex;
  }

  .fill-width {
      flex: 1;
  }

  .circle-div {
      background-color: #77dd77;
      height: 50px;
      width: 50px;
      border-radius: 100%;
      position: fixed;
      bottom: 21px;
      right: 25px;
      z-index: 50;
  }