body {
 
margin: 0;
height: auto;
/* overflow: hidden; */

font-family: 'helvetica', sans-serif;
  font-weight: lighter;
  margin: 0;
  min-height: 100vh;
  /* display: flex;
  flex-direction: column; */
  justify-content: center; 
  align-items: center;     
  overflow: hidden;
  font-family: 'helvetica', sans-serif;
  font-size: 20px;
  font-style: normal; 
  color: rgb(255, 255, 255);
  /* text-shadow: 5px 4px 10px rgba(0,0,0,1); */

}

h1 {
font-family: 'helvetica', sans-serif;
font-weight: lighter;
font-size: 30px;
}


/* body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../../content/image/real-af.jpg'), url('../../content/image/fantasy.jpg'), url('../../content/image/bird.jpg');
  background-size: contain, contain, contain;
  background-position: center, center, center;
  background-repeat: repeat, repeat, repeat;
  background-blend-mode: hard-light, hard-light, saturation;
  filter: blur(3px);
  z-index: -1;
  

} */
 

p {
  filter: blur(5px);
  transition: filter 0.3s, text-shadow 0.3s;
  text-shadow:
    0 0 2px #fff,
    2px 2px 6px #fff,
    -2px -2px 8px #fff,
    4px 4px 12px #fff,
    -4px -4px 16px #fff,
    0 0 24px #fff;
}

p:hover {
  filter: blur(0.5px);
  text-shadow:
    0 0 6px #fff,
    2px 2px 12px #fff,
    -2px -2px 16px #fff,
    4px 4px 24px #fff,
    -4px -4px 32px #fff,
    0 0 48px #fff;
}


#bg-video1 {
  filter: blur(0px);
  transition: filter 1s;
  mix-blend-mode: hard-light;
  opacity: 0.7;
}

body:hover #bg-video1 {
  filter: blur(5px);
}

#bg-video2 {
  
  transition: filter 1s;
  mix-blend-mode: multiply;
  opacity: 0.7;
}

body:hover #bg-video2 {
  filter: blur(5px);
}

#bg-video3 {
  transition: filter 1s;
  mix-blend-mode: hard-light;
  opacity: 0.7;
}

body:hover #bg-video3 {
  filter: blur(5px);
}

#bg-video4 {
  mix-blend-mode: multiply;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video4 {
  filter: blur(5px);
}

#bg-video5 {
  mix-blend-mode: multiply;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video5 {
  filter: blur(5px);
}

#bg-video6 {
  mix-blend-mode: hard-light;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video6 {
  filter: blur(5px);
}

#bg-video7 {
  mix-blend-mode: multiply;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video7 {
  filter: blur(5px);
}

#bg-video8 {
  mix-blend-mode: hard-light;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video8 {
  filter: blur(5px);
}

#bg-video9 {
  mix-blend-mode: multiply;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video9 {
  filter: blur(5px);
}

#bg-video10 {
  mix-blend-mode: hard-light;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video10 {
  filter: blur(5px);
}

#bg-video11 {
  mix-blend-mode: multiply;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video11 {
  filter: blur(5px);
}

#bg-video12 {
  mix-blend-mode: hard-light;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video12 {
  filter: blur(5px);
}

#bg-video13 {
  mix-blend-mode: multiply;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video13 {
  filter: blur(5px);
}

#bg-video14 {
  mix-blend-mode: saturation;
  transition: filter 1s;
  opacity: 0.7;
}

body:hover #bg-video14 {
  filter: blur(5px);
}