body {
      font-family: 'Vazirmatn', sans-serif;
      /* رنگ پس زمینه تیره پیش فرض */
      background: #1a1a1a;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
      direction: rtl; /* برای پشتیبانی از زبان فارسی */
      color: #e0e0e0;

      /* اضافه کردن پس زمینه گرادیان متحرک */
      background: linear-gradient(-45deg, #1a1a1a, #2a2a2a, #03dac6, #1a1a1a);
      background-size: 400% 400%;
      animation: gradientAnimation 15s ease infinite;
    }

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


    .container {
      text-align: center;
      background-color: #2a2a2a;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
      max-width: 400px;
      width: 90%;
      /* اطمینان از اینکه کانتینر روی پس زمینه متحرک قرار می گیرد */
      position: relative;
      z-index: 1;
    }

    .avatar {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 20px;
      border: 3px solid #03dac6;
    }

    h1 {
      margin-top: 0;
      margin-bottom: 30px;
      color: #e0e0e0;
    }

    .links {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .link-button {
      display: block;
      padding: 12px 20px;
      background-color: #03dac6;
      color: #1a1a1a;
      text-decoration: none;
      border-radius: 5px;
      transition: background-color 0.3s ease;
      font-size: 16px;
      font-weight: bold;
    }

    .link-button:hover {
      background-color: #018786;
    }

    /* استایل خاص برای دکمه واتس اپ اگر نیاز باشد */
    .link-button.whatsapp {
      /* می توانید استایل متفاوتی برای واتس اپ اینجا اضافه کنید */
      /* background-color: #25D366; */
      /* color: white; */
    }