* {
  box-sizing: border-box;
}


#flowers { 
  position: fixed;
  top: 0;
  left: 0;
}

#flowers video { 
  height: 100vh;
  width: 100vw;
  position: absolute;
  top:  0;
  left: 0;
  z-index: -1;
  object-fit:cover; 
}

html,
body {
  margin: 0;
  padding: 0;
}


a {
  color: #d5ff00;
  text-decoration:  none;
}


@media (min-width: 768px) {
  section {
    background-attachment: fixed;
  }
}

header {
  position:  fixed;
  top:  20px;
  left: 40px;
}

footer{
  position:  fixed;
  bottom:  20px;
  left: 40px;
}

footer a { 
  margin-right:  5px;
}

h1 {
  font-size:  60px;
  margin-bottom:  5px;
}

a:hover {
  color: #ffffff;
  text-decoration:  none;
}