@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


*{
  font-family: 'Fira Sans', sans-serif;
}

/** ADD YOUR AWESOME CODES HERE **/
.btn-ber {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 100%;
}

.get_btn{
  border-radius: 30px 5px / 15px 17px;
}

.get_btn:hover{
  border-radius: 0;
}

.chulllu {
  color: #fff;
  margin: 2px 3px;
  border: 2px solid #999;
}

.get_btn.w {
  background: #2fce3d;
}

.get_btn.f {
  background: #3b5998;
}

.get_btn.i {
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.get_btn.t {
  background: #09f;
}

.gallery-single-fix {
  margin: 5px;
  border-radius: 7px;
  overflow: hidden;
}

h2.gallery-type {
  font-weight: 600 !important;
  margin-top: 30px;
  text-align: center;
  color: #fff;
  padding: 5px 10px;
  border: 2px solid #444;
  border-radius: 12px;
  background: linear-gradient(45deg, #12b603, #0511b6);
  box-shadow: 0 0 5px -2px #000;
}

#myname {
  animation: animate 2s linear infinite alternate;
  display: inline-block;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to right, #e202ff, #00ffff, #91ff00, #ffa200);
  background-size: 250%; 
}

@keyframes animate {
  0% {
    background-position: left;
  }
  50% {
    background-position: center;
  }
  100% {
    background-position: right;
  }
}