.transAbu{
    background-color: #2c2c2c78;
    color: white;
}

.merahGrad{
    background-image: linear-gradient(to left, #f09999, #e37976, #d35a53, #c0382f, #aa0707);
}

.orageGrad{
    background-image: linear-gradient(to left, #fdc99a, #ffb778, #ffa457, #ff9034, #ff7a00);
}

.abuGrad {
    background-image: linear-gradient(to left, #d6d6d5, #b9b8b7, #9c9b9b, #7f7f7f, #646464);
}

.abuMudaGrad{
    background-image: linear-gradient(to right top, #dedede, #e6e6e6, #eeeeee, #f7f7f7, #ffffff);
}

.birumudaGrad {
    background-image: linear-gradient(to right top, #b8e2f9, #95d3fa, #71c4fc, #49b3fe, #00a2ff);
}

.biruSangatmudaGrad {
    background-image: linear-gradient(to right top, #ffffff, #f3f5ff, #e1edff, #c9e6ff, #ace1ff);
}

.hijauMudaGrad{
    background-image: linear-gradient(to right bottom, #a6d584, #a6d584, #a6d584, #a6d584, #a6d584, #a3d97e, #a0dc77, #9de070, #94e85f, #8af04d, #7ef734, #6fff00);
}


.putihTrans{
    background-color: rgba(0, 0, 0, 0.39);
}

.loginku {
  /* background: url("http://www.jomc2joy.com/shadi712/images/89565810b84381a.jpg") no-repeat center center;
  position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  min-width: 100%;
  min-height: 100%;  */

  width:100%;
  height: 100%;
  /* background-image: url("../img/bg-404.jpeg"); */
  /* background-image: url("https://studiobehind90.com/wp-content/uploads/2018/07/mid-ter-animation.gif"); */
  /* background-image: url("http://letsexchangeplates.com/images/services_content/reals.gif"); */
  /* background-image: url("https://i.pinimg.com/originals/91/a1/76/91a176408d6ec73dfa3d2057e7e6631a.gif"); */
  background-image: url("https://i.pinimg.com/originals/9f/55/f1/9f55f1098b35a2b2e904ca9f1b7f814d.gif");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;


}