.login-body>img {
	max-height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-55%);
}

.login-container img {
	width: auto !important;
	max-width: 100% !important;
	height: 150px !important;
	background-size: contain !important;
}

.glowing-btn {
	position: relative;
	color: #a6ce39;
	cursor: pointer;
	padding: 0.35em 1em;
	border: 0.15em solid #a6ce39;
	border-radius: 0.45em;
	background: none !important;
	perspective: 2em;
	font-family: "Raleway", sans-serif;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 1em;
	-webkit-box-shadow: inset 0px 0px 0.5em 0px #a6ce39, 0px
		0px 0.5em 0px #a6ce39;
	-moz-box-shadow: inset 0px 0px 0.5em 0px #a6ce39, 0px 0px
		0.5em 0px #a6ce39;
	box-shadow: inset 0px 0px 1em 0px #a6ce39, 0px 0px 0.5em
		0px #a6ce39;
	animation: border-flicker 2s linear infinite;
	top: 20px;
	width: 100%;
	height: 3.5rem;
	font-size: 1.5em !important;
}

.faulty-letter {
	opacity: 0.5;
	animation: faulty-flicker 2s linear infinite;
}

.glowing-btn::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.7;
	filter: blur(1em);
	transform: translateY(120%) rotateX(95deg) scale(1, 0.35);
	background: #a6ce39;
	pointer-events: none;
}

.glowing-btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: -1;
	background-color: #a6ce39;
	box-shadow: 0 0 2em 0.2em #a6ce39;
	transition: opacity 100ms linear;
}

.glowing-btn:hover {
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	animation: none;
}

.glowing-btn:hover .glowing-txt {
	animation: none;
}

.glowing-btn:hover .faulty-letter {
	animation: none;
	text-shadow: none;
	opacity: 1;
}

.glowing-btn:hover:before {
	filter: blur(1.5em);
	opacity: 1;
}

.glowing-btn:hover:after {
	opacity: 1;
}

@media only screen and (max-width: 600px) {
	.glowing-btn {
		background: black !important;
	}
}


@keyframes faulty-flicker {
  0% {
    opacity: 0.1;
  }
  2% {
    opacity: 0.1;
  }
  4% {
    opacity: 0.5;
  }
  19% {
    opacity: 0.5;
  }
  21% {
    opacity: 0.1;
  }
  23% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  83% {
    opacity: 0.4;
  }

  87% {
    opacity: 1;
  }
}

@keyframes border-flicker {
  0% {
    opacity: 0.1;
  }
  2% {
    opacity: 1;
  }
  4% {
    opacity: 0.1;
  }

  8% {
    opacity: 1;
  }
  70% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

