.alert {
			color: #3c763d;
			padding: 15px;
			margin-bottom: 20px;
			border: 1px solid transparent;
			border-radius: 4px;
		}

		.alert a {
			text-decoration: none;
		}

		#h1 {
			margin-top: 0;
			margin-bottom: 0;
		}

		@media only screen and (max-width: 600px) {

			.alert {
				font-size: 14px;
				padding: 10px;
			}

			.alert a {
				text-decoration: none;
			}

			#h1 {
				font-size: 13px;
			}
		}

		.input-group-text {
			color: green;
		}

		#btnlogin {
			font-size: x-large;
			letter-spacing: 3px;
			color: white;
			font-weight: 700;
			height: 18%;
			background: linear-gradient(144deg, #af40ff,
					#5b42f3 50%, #00ddeb);
			border-radius: 8px;
			border: none;
			box-shadow: inset 1px 3px 3px #ffffffbd,
				inset -4px -4px 3px #00000046;
			background-size: 150% 150%;
			animation: input 5s infinite;
			transition: all 900ms ease-in;
		}

		#btnlogin:hover {
			position: relative;
			bottom: 3px;
			background: linear-gradient(144deg, #9706ff,
					#2f0fff 50%, #18f0ff);
		}

		.card-footer {
			background-color: black;
			color: white;
		}

		.card-footer a {
			color: red;

		}