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

html{
  scroll-snap-type:y mandatory;
}

body{
  background:#000;
  color:#fff;
  font-family:Arial, sans-serif;
  overflow-x:hidden;
}

/* INTRO */

.intro{
  text-align:center;
  padding:40px 20px;
}

.intro h1{
  font-size:2.2rem;
  font-weight:300;
  margin-bottom:10px;
}

.intro p{
  opacity:0.6;
  font-size:1rem;
}

/* VIDEO FEED */

.video-wall{
  width:100%;
}

/* EACH CLIP */

.card{
  width:100%;
  height:100vh;

  scroll-snap-align:start;

  overflow:hidden;
  position:relative;

  background:#000;
}

/* VIDEO */

video{
  width:100%;
  height:100%;

  object-fit:cover;

  display:block;
}

/* FOOTER */

.footer{
  text-align:center;
  padding:40px 20px;
  opacity:0.4;
  font-size:0.8rem;
}