.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;

		}