body {
  
  margin: 5% 5%;
  min-height: 100vh;

  /* تصویر پس‌زمینه اصلی */
  background: url("image.jpg") center/cover no-repeat;
  position: relative;
  overflow: hidden;
}

/* لایه گرادیان متحرک فقط روی بک‌گراند */
body::before {
  content: "";
  position: fixed; /* همیشه پشت همه‌چیز */
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: -1;     /* بیفته پشت متن‌ها */

  background: linear-gradient(45deg,
              rgba(30, 7, 179, 0.43),
              rgba(77, 120, 161, 0.522),
              rgba(246, 255, 0, 0.499));
  background-size: 400% 400%;
  animation: gradientAnim 7s infinite linear;
}

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

/* متن‌ها عادی بمونن */
   .bit, .bit1 {
     position: relative;
     z-index: 1;
     color: white;
     text-align: center;
     }
      .bit{ 
        width: 100%;
        text-align: center;
        color: rgb(0, 0, 0);
        margin-top: 1%;
        background: radial-gradient(circle,rgba(215, 199, 183, 0.78) 0%, rgba(153, 206, 227, 0.66) 100%);
      }
      .bit1{
        margin-top: 1%;
        width: 100%;
        text-align: center;
        color: rgb(0, 0, 0);
        background: radial-gradient(circle,rgba(215, 199, 183, 0.78) 0%, rgba(153, 206, 227, 0.66) 100%);
      }

      .select1{
        margin-right: auto;
        margin-left: auto;
        margin-top: 3%;
        width: 50% !important;
        background-color: rgba(255, 255, 255, 0.378) !important;
      }