.container {
  margin: 0px auto;
  width: 300px;
  height: 305px;
  border: 5px rgb(136, 211, 243) inset;
  align-self: flex-start;
}

.videoElement {
 /* width: 300px;
  height: 300px;
  background-color: rgb(141, 205, 251);
  align-self: flex-start;
  */
}

.tiledBackground {
  background-size: 100vw ;
}

p {
  color: crimson;
  background-color: rgba(0, 0, 255, 0.315);
  width: 46vw;
  text-align:left;
}

.pee {
  color: crimson;
  background-color: rgba(0, 0, 255, 0.315);
  width: 46vw;
}

label {
  display:block;
  font-family:Helvetica, sans-serif;
}

.thoughts_label {
  color: crimson;
  background-color: rgba(0, 0, 255, 0.315);
  width: 46vw;
}

video {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fire {
  color: blue;
  font-size: xx-large;
  font-family:cursive;
}

.fish {
  padding: 15vw ;
  color: rgb(245, 245, 255);
  text-shadow: rgb(208, 13, 211) 5px 2px 7px;
  font-size: 5vw;
  font-family:cursive;
  display: flex;
  justify-content: center;

}
.fish:hover {
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;

}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}