#video1 {
  margin-top: 300px;
}

.draggable {
  position: absolute;
}

img {
  opacity: 0.8;
}

.draggable iframe {
  padding: 20px;
}
#video2 {
 margin-top: 100px;
}

#audio1 {
  margin-left: 400px;
}

#transcriptWrapper {
  overflow: hidden;
}

#transcript > div {
  transition: all 0.8s ease;
  list-style-type: disc;
}

.speaking {
  font-weight: bold;
}

#background_a {
  background-image: url("../images/map.png");
  background-repeat: no-repeat;
  background-color: silver;
}


#poem1 {
  width: 40%;
  margin-left: 400px;
  margin-top: 50px;
}

#poem1:hover {
  background-color: white;
}

#background_c {
  background-image: url("../images/test2_opacity.jpeg");

}