.u-section-1 {
  background-image: linear-gradient(#77aad9, #e9f2fa);
}

.u-section-1 .u-sheet-1 {
  min-height: 100vh;
}

.u-section-1 .u-custom-html-1 {
  height: auto;
  min-height: 96px;
  width: fit-content;
  margin: 200px auto 0;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  width: 358px;
  margin: 37px auto 0;
}

.u-section-1 .u-form-1 {
  height: 107px;
  width: 570px;
  margin: 23px auto 60px;
}

.u-section-1 .u-input-1 {
  background-image: none;
}

.u-section-1 .u-btn-1 {
  border-style: solid;
}

.gradient-anim{
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    min-height: 100vh;


  
}
.color_11{
  display: inline-block;
  width: 50px;
}
.glass{
  padding: 0 15px;
  background-color: #ffffffd6;
  border: 1px solid #ffffffe8;
  border-radius: 8px;
  backdrop-filter: blur(4px);
} 
.logo{
  font-size: 60px;
}
.ad{
  width: 100%;
  text-align: center;
}
.u-section-1 .u-text-1{
  text-align: center;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media (max-width: 767px) {
  .u-section-1 .u-form-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-custom-html-1 {
    width: 340px;
  }

  .u-section-1 .u-text-1 {
    width: 340px;

  }

  .u-section-1 .u-form-1 {
    width: 340px;
  }
  .ad{
    width: 100%;
    text-align: center;
  }
  .logo{
    font-size: 40px;
  }
}