@charset "UTF-8";

body {
  background:linear-gradient(135deg,#ffc0cb,#dda0dd);
  font-family:"Comic Sans MS",cursive,sans-serif;
  color:#4b004b;
  text-align:center;
  padding:20px;
  animation:sparkleBackground 10s infinite alternate;
}

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

  100% {
    background-position:100% 50%;
  }
}

.profile-image {
  width:250px;
  height:250px;
  border-radius:50%;
  border:5px solid #ff69b4;
  box-shadow:0 0 20px #ffb6c1,0 0 40px #dda0dd;
  margin:20px auto;
  display:block;
  animation:pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform:scale(1);
  }

  50% {
    transform:scale(1.05);
  }

  100% {
    transform:scale(1);
  }
}

.frame-box {
  border:3px dashed #9932cc;
  background:rgba(255,255,255,0.3);
  box-shadow:0 0 15px #9932cc;
  padding:20px;
  border-radius:20px;
  margin:20px auto;
  width:90%;
  max-width:600px;
  position:relative;
  animation:glow 3s infinite ease-in-out;
}