body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  overflow: hidden;
}

:root {
  --blue-grad-3: linear-gradient(-45deg, #f77062, #fe5196, #009efd, #5b2a6f);
}

.relative {
  position: relative;
}

.avatar {
  position: relative;
  z-index: 1;
}

.animated-bg-grad {
  background: var(--blue-grad-3);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
}

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

.text-glow {
  text-shadow: 0 0 0.1em, 0 0 0.2em;
}

.goldstar-text {
  font-size: 35px;
  color: white;
  text-align: center;
  text-shadow: 0 0 0.1em, 0 0 0.2em;
}