body {
  background-color: rgb(166, 255, 0);
}

.vid-1 {
  position: relative;
  top: 50vh;
  left: 10vw;
}

.aud-1 {
  position: relative;
  top: 50vh;
  left: 50vw;
}

.vid-2 {
  position: relative;
  top: 22vh;
  left: 30vw;
}

.aud-2 {
  position: relative;
  top: 3vh;
  left: 4vw;
}

.Button1 {
  background-color: rgb(238, 255, 0);
  border: 0cap;
  border-radius: 5px;
  height: 50px;
  width: 100px;
  font-size: 20px;
  margin: 10px;
  position: relative;
  top: 2vh;
  left: 4vw;
}

.Button1:hover {
  background-color: rgb(249, 255, 168);
  transform: scale(50);
  transition: 100s;
}

.Button2 {
  background-color: rgb(0, 255, 200);
  border: 0cap;
  border-radius: 5px;
  height: 50px;
  width: 100px;
  font-size: 20px;
  margin: 10px;
  position: relative;
  top: 15vh;
  left: 0vw;
}

.Button2:hover {
  background-color: rgb(159, 255, 234);
  transform: matrix3d(9, 0, 0, 0, 0, 90, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transition: 0.5s;
}

.Button3 {
  background-color: rgb(255, 166, 0);
  border: 0cap;
  border-radius: 5px;
  height: 50px;
  width: 100px;
  font-size: 20px;
  margin: 10px;
  position: relative;
  top: 50vh;
  left: 20vw;
}

.Button3:hover {
  background-color: rgb(255, 211, 130);
  transform: rotateZ(9000deg);
  transition: 5s;
}

.Button4 {
  background-color: rgb(225, 0, 255);
  border: 0cap;
  border-radius: 5px;
  height: 50px;
  width: 100px;
  font-size: 20px;
  margin: 10px;
  position: relative;
  top: 20vh;
  left: 10vw;
}

.Button4:hover {
  background-color: rgb(241, 138, 255);
  transform: skew(85deg);
  transition: 1s;
}

.Button5 {
  background-color: rgb(255, 0, 170);
  border: 0cap;
  border-radius: 5px;
  height: 50px;
  width: 100px;
  font-size: 20px;
  margin: 10px;
  position: relative;
  top: 7vh;
  left: -5vw;
}

.Button5:hover {
  background-color: rgb(255, 152, 221);
  transform: translate(500px, 200px);
  transition: 5s;
}

.text {
  position: relative;
  top: 50vh;
  left: 0vw;
  font-size: 30px;
  color: rgb(203, 255, 136);
}