body {
  margin: 0;
  padding: 0;
  background: #013989;
  text-align: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;

  background: linear-gradient(-45deg, #013989, #00509d, #00296b, #013379);
  background-size: 400% 400%;
    animation: my-gradient 15s ease infinite;
    height:100vh;
}

.logo-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logo-box img {
  max-width: 400px;
  height: auto;
  display: block;
  padding: 20px;
}

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

@media only screen and (max-width: 576px) {
  .logo-box img {
    max-width: 270px;
  }
}