*{
  margin:0;
  padding:0;
  box-sizing:border-box;

  -webkit-user-select:none;
  user-select:none;
}

body{

  background:#000;
  color:white;

  font-family:-apple-system,BlinkMacSystemFont,sans-serif;

  overflow:hidden;
}

.app{

  height:100vh;

  display:flex;
  flex-direction:column;
}

/* =========================
   BACKGROUND VIDEO
========================= */

#bg-video{

  position:fixed;

  top:0;
  left:0;

  width:100vw;
  height:100vh;

  object-fit:cover;

  z-index:-10;

  opacity:0.7;

  filter:
    blur(10px)
    brightness(0.7);

  pointer-events:none;
}

.overlay{

  position:fixed;

  inset:0;

  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,0.2),
      rgba(0,0,0,0.65)
    );

  z-index:-1;
}

#bgt-video{

  position:fixed;

  top:0;
  left:0;

  width:100vw;
  height:100vh;

  object-fit:cover;

  z-index:-10;

  filter:
    blur(0.25px)
    brightness(1);

  pointer-events:none;
}