@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    background: linear-gradient(300deg,#394f80,#000000,#394f80,#000000,#394f80,#000000,#394f80);
  background-size: 1000% 1000%;
  animation: gradient-animation 80s ease infinite;
}

.centerbody {
    padding: 70px 0;
    text-align: center;

}


@keyframes gradient-animation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

header, footer {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    color: #fff;
    text-align: center;
    padding: 1em;
}

section {
    padding: 20px;
}


video, audio {
    width: 100%;
    max-width: 600px;
}

.vidbox {

  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  margin: auto;
  padding-top: 1%;
  padding-bottom: 2%;
  width: 80%;

}

header {
  font-size: 24px;
}

h2 {
  font-size: 40px;
}