#section-video {
  background: url("../media/chat.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 5vw;
  padding-bottom: 5vw;

}

#section-video .paragraph {
  background-color: rgba(0, 0, 0, 0.568);
  padding: 5%;
  border-radius: 0px;
  width: 35%;
}

.video_div {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 5%;
}

.video_div:nth-of-type(even) {
  flex-direction: row-reverse;
}

iframe,
video {
  border-style: solid;
  border: 5px solid rgb(198, 0, 229);
  border-top: 25px solid rgb(198, 0, 229);
}

.window_header {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
  top: 25px;
}

.videowindow p:nth-child(1) {
  margin-left: 10px;
}

.videowindow p:nth-child(2) {
  margin-right: 10px;
}

@keyframes glitchAnim2 {
  7% {
    transform: none;
  }

  10% {
    transform: translate(-6px, 2px);
  }

  13% {
    transform: none;
  }

  20% {
    transform: none;
  }

  23% {
    transform: translate(12px, 7px);
  }

  26% {
    transform: none;
  }

  40% {
    transform: none;
  }

  43% {
    transform: translate(-10px, 9px);
  }

  46% {
    transform: none;
  }

  65% {
    transform: none;
  }

  68% {
    transform: translate(-7px, 5px);
  }

  71% {
    transform: none;
  }

  100% {
    transform: none;
  }
}

@media only screen and (max-width: 1000px) {

  #section-video .paragraph {
    width: 80%;
    padding: 5%;
  }

  .video_div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15%;
  }

  .videowindow {
    width: fit-content;
  }

  .video_div iframe,
  .video_div video {
    width: fit-content;
    height: 70vw;
    margin-bottom: 5%;
  }

  .video_div:nth-of-type(even) {
    flex-direction: column;
  }
}