body {
  video#bg-video {
    background: url(video/colorful-galaxy.1920x1080.jpg) no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(calc((100% - 100vw) / 2));
    z-index: -1;
  }
 }

 button.gndflda-button {
   padding: 7px 20px !important;
   border-radius: 5px;
   margin: 0px 0px 0px 20px;
   background-color: #000000;
   border: 3px solid #FF76A4;
   border-radius: 5px;
   transition: 0.8s;
 }

 button.gndflda-button a {
   text-decoration: none;
   color: #5b0566;
 }

 button.gndflda-button:hover {
   background-color: rgba(0, 0, 0, 0);
   cursor: pointer;

 }

 button.gndflda-button:hover a {
   color: #303cbe;
 }

 button.gndfldb-button {
   padding: 7px 20px !important;
   border-radius: 5px;
   margin: 0px 0px 0px 20px;
   background-color: #000000;
   border: 3px solid #5b0566;
   border-radius: 5px;
   transition: 0.8s;
 }

 button.gndfldb-button a {
   text-decoration: none;
   color: #303cbe;
 }

 button.gndfldb-button:hover {
   background-color: rgba(0, 0, 0, 0);
   cursor: pointer;

 }

 button.gndfldb-button:hover a {
   color: #FF76A4;
 }

 button.gndfldc-button {
   padding: 7px 20px !important;
   border-radius: 5px;
   margin: 0px 0px 0px 20px;
   background-color: #000000;
   border: 3px solid #303cbe;
   border-radius: 5px;
   transition: 0.8s;
 }

 button.gndfldc-button a {
   text-decoration: none;
   color: #FF76A4;
 }

 button.gndfldc-button:hover {
   background-color: rgba(0, 0, 0, 0);
   cursor: pointer;

 }

 button.gndfldc-button:hover a {
   color: #5b0566;

 }

 .animated-text {
   animation: color-loop 5s infinite;
 }

 @keyframes color-loop {
   0% {
     color: #FF76A4;
   }

   25% {
     color: #FFFFFF;
   }

   45% {
     color: #5b0566;
   }

   65% {
     color: #000000;
   }

   85% {
     color: #303CBE;
   }
   100% {
     color: #FF76A4;
   }
 }

.set-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%) 
}