body {
background: #E078B1;
background: linear-gradient(18deg, rgba(224, 120, 177, 1) 25%, rgba(209, 56, 153, 1) 93%, rgba(235, 47, 147, 1) 99%);
  font-family: 'Open Sans', sans-serif;     
}

.split {
  height: 100dvh;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
}

.left {
  left: 0;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);

}

.right {
  right: 0;
  width: 50%;
  display: flex;
  overflow-y: auto !important;
  flex-direction: column;
}

#audioPlayer {
  width: 75%;
  margin-bottom: 20px;
}

#pdfViewer {
  flex-grow: 1;
  border: none;
}

.floating {
  position: absolute;
  top: 20px;
  right: 20px;
}


@media screen and (orientation: portrait) {
    body {
	background: #E078B1;
  }
}