@charset "UTF-8";

ANIMATED POP ART MFC PROFILE -->
  <div style="background: linear-gradient(135deg, #ffc0cb, #a0e7e5); \A            padding: 20px; \A            border: 5px solid black; \A            border-radius: 15px; \A            font-family: 'Comic Sans MS', 'Arial', sans-serif; \A            color: #000000; \A            text-align: center; \A            overflow: hidden;">
  <!-- PROFILE PICTURE WITH FLASHY FRAME -->
  <div style="display: inline-block; \A              border: 8px solid #ff00ff; \A              border-radius: 50%; \A              padding: 5px; \A              background: rgba(255,255,255,0.5); \A              margin-bottom: 20px;\A              animation: pulse 1.5s infinite;">
  <img src="YOUR_PROFILE_PIC_URL_HERE" alt="Profile Pic" style="border-radius: 50%; width: 150px; height: 150px; object-fit: cover;">
  </div>
  <!-- WELCOME TEXT WITH BLINKING EMOJIS -->
  <h1 style="font-size: 32px; \A             background: rgba(255,192,203,0.7); \A             display: inline-block; \A             padding: 10px 20px; \A             border: 5px solid black;\A             border-radius: 10px;\A             margin-bottom: 15px;">
  <span style="animation: blink 1s infinite;">????</span> Welcome to my pop-art room! <span style="animation: blink 1s infinite;">????</span>
  </h1>
  <!-- TIP & FOLLOW REMINDERS WITH BOUNCING ARROWS -->
  <p style="font-size: 18px; margin: 10px 0;">
  <span style="animation: bounce 1.2s infinite;">????</span> Don’t forget to <b>tip me</b> & leave a review! <span style="animation: bounce 1.2s infinite;">????</span>
  </p>
  <p style="font-size: 18px; margin: 10px 0;">
  ???? <span style="animation: bounce 1s infinite;">??</span> Hit the <b>Follow Me</b> button to stay updated! <span style="animation: bounce 1s infinite;">??</span> ????
  </p>
  <!-- SECTIONED AREAS WITH POLKA DOTS AND TRANSPARENCY -->
  <div style="background: rgba(255, 182, 193, 0.5); \A              border: 5px solid black; \A              padding: 15px; \A              margin: 10px auto; \A              width: 90%;\A              border-radius: 10px;\A              background-image: radial-gradient(#ff69b4 10%, transparent 10%);\A              background-size: 20px 20px;\A              animation: bounce 2s infinite;">
  <h2 style="font-size: 28px; margin: 0;">? Pop Art Fun Zone ?</h2>
  <p style="font-size: 16px; margin: 5px 0;">
  Chat,chill,and enjoy the colors! ????????
  </p>
  </div>
  <div style="background: rgba(160, 231, 229, 0.5); \A              border: 5px solid black; \A              padding: 15px; \A              margin: 10px auto; \A              width: 90%;\A              border-radius: 10px;\A              background-image: radial-gradient(#00ced1 10%, transparent 10%);\A              background-size: 20px 20px;\A              animation: pulse 2.5s infinite;">
  <h2 style="font-size: 24px; margin: 0;">???? Leave a Review! ????</h2>
  <p style="font-size: 14px; margin: 5px 0;">
  Your thoughts make my day brighter! ????
  </p>
  </div>
  <!-- POP ART TEXT STYLES -->
  <p style="font-size: 36px; margin-top: 20px; font-weight: bold;">POP!</p>
  <p style="font-size: 20px; font-style: italic;">ART!</p>
  <p style="font-size: 14px;">????? Enjoy your stay! ?????</p>
  <!-- CSS ANIMATIONS (inline for MFC safe) -->
  <style>
  @keyframes blink {
    050100opacity:1;
  }

  25%,75% {
    opacity:0;
  }  
}

@keyframes bounce {
  0%,100% {
    transform:translateY(0);
  }

  50% {
    transform:translateY(-10px);
  }
}

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

  50% {
    transform:scale(1.1);
  }
}