html, body {
    align-items: center;
    background-color: rgb(0, 0, 0);
    display: flex;
    font-family: Roboto;
    font-size: 10px;
    height: 100%;
    justify-content: center;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
#newDesign {
    width: 1280px;
    height: 693px;
    position: absolute;
    z-index: 1;
}
header {
    width: 1280px;
    height: 730px;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}
#newDesign::before, #newDesign::after {
    content: "";
    width: 1290px;
    height: 730px; //693
    display: block;
    position: absolute;
    z-index: -1;
    background-image: linear-gradient(0deg, rgb(0, 20, 42), rgb(189, 184, 152), rgb(137, 24, 26));
    background-size: 100% 300%;
    background-position: center center;
    top: -5px;
    left: -5px;
    -webkit-animation: spin 30000ms infinite alternate;
            animation: spin 30000ms infinite alternate;
}
#newDesign::after {
  filter: blur(125px);
}
@-webkit-keyframes spin {
  0% {
    background-position: top center;
  }
  100% {
    background-position: bottom center;
  }
}
@keyframes spin {
  0% {
    background-position: top center;
  }
  100% {
    background-position: bottom center;
}
#content {
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    z-index: 0;
    background: rgb(0, 0, 0);
}
video {
    width: 1280px;
    aspect-ratio: auto 1280 / 730;
    height: 730px;
    object-fit: contain;
}