* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Poppins", sans-serif;
  display: flex;
  height: 100vh;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: linear-gradient(
    -45deg,
    #3f51b1 0%,
    #5a55ae 13%,
    #7b5fac 25%,
    #8f6aae 38%,
    #a86aa4 50%,
    #cc6b8e 62%,
    #f18271 75%,
    #f3a469 87%,
    #f7c978 100%
  );
  background-size: 400% 400%;
  position: relative;
  animation: animate 7.5s ease-in-out infinite;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 10px;
  background-color: white;
  border-radius: 30px;
  box-shadow: 0 0 30px 2px rgb(73 73 73);
}

img {
  width: 400px;
  max-width: 70vw;
  border-radius: 15px;
  /* border: 5px solid rgb(219, 32, 104); */
  /* box-shadow: 0 0 10px 2px rgb(219, 32, 104); */
  margin: 20px;
}

h1 {
  padding: 0px;
  color: rgb(32 147 219);
  letter-spacing: 2px;
}

h4 {
  font-weight: 500;
  color: rgb(32 147 219);
  letter-spacing: 1.5px;
  padding: 0px;
}

a {
  font-weight: 500;
  letter-spacing: 1px;
  padding: 13px 40px;
  margin: 10px 0px 20px 0px;
  background-color: rgb(32 147 219);
  border-radius: 10px;
  color: white;
  text-decoration: none;
}

a:hover {
  background-color: rgb(29 125 186);
}

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