body {
  background: linear-gradient(-45deg, #131212, #A72F15, #0436B6, #555555);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
  font-family: "Readex Pro", sans-serif;
  overflow:hidden;
  height: 100vh;
  text-align: center;
}
.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
   .zoom {
transition: transform .2s; /* Animation */
   }
   .zoom:hover {
transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
@keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }