.bounce-button {
			font-size: 16px;
			padding: 10px 20px;
			cursor: pointer;
			animation: bounce 0.5s ease infinite;
		}
		div#invalidreg {
			color: red;
			display: none;
		}

		@keyframes bounce {

			0%,
			20%,
			50%,
			80%,
			100% {
				transform: translateY(0);
			}

			40% {
				transform: translateY(-10px);
			}

			60% {
				transform: translateY(-5px);
			}
		}

		/* loading */
		/* HTML: <div class="loader"></div> */
		
.preloader-backdrop{
	position: fixed;
      z-index: 999999;
      background: #fff;
      width: 100%;
      height: 100%;
}
		.page-preloader img{
      position: fixed;
      z-index: 999999;
      /* background: #fff; */
      width: 100%;
      height: 100%;
    }

    .page-preloader {
      position: absolute;
      top: calc(50vh - 45px);
      left: calc(48vw - 32px);
      /* above was added */
      width: 100px;
      /* Adjust size of the logo */
      height: 100px;
      /* Adjust size of the logo */
      animation: l20 2s linear infinite;

    }

    .page-preloader:before,
    .page-preloader:after {
      content: "";
      position: absolute;
      inset: -8px;
      border-radius: 50%;
      border: inherit;
      animation: inherit;
      animation-duration: 2s;
    }

    .page-preloader:after {
      animation-duration: 4s;
    }

    @keyframes l20 {
      20% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }

    }

    .jump {
      display: inline-block;
      animation: jump 1s infinite ease-in-out;
    }

    @keyframes jump {
      0% {
        transform: translateY(0);
      }

      30% {
        transform: translateY(-10px);
      }

      50% {
        transform: translateY(0);
      }

      70% {
        transform: translateY(-5px);
      }

      100% {
        transform: translateY(0);
      }
    }