body {font-family: Arial, Helvetica, sans-serif;}
form {border: 3px solid #f1f1f1;}

input[type=text], input[type=email],input[type=password] {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

button {
	background-color: #04AA6D;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
}

button:hover {
	opacity: 0.8;
}

.cancelbtn {
	width: 100%;
	padding: 10px 18px;
	background-color: #f44336;
    text-decoration: none;
}

.container {
	padding: 16px;
}

span.psw {
	float: right;
	padding-top: 16px;
}

@media screen and (max-width: 300px) {
	span.psw {
		 display: block;
		 float: none;
	}
	.cancelbtn {
		 width: 100%;
	}
}
@keyframes scintiller{
	/* from{color: black} to {color:red} */
	0% {
		opacity: 1;
		color: red;
		}
		50% {
			opacity: 0.1;
			transform: scale(2,2);
		color: black;
		}
		51% {
			opacity: 0.3;
			transform: scale(0,0);
		color: blue;
		}
		100% {
			transform: scale(1,1);
			opacity: 1;
		color: orange;
		}	
}

.texte_scintillant{
	animation-name: scintiller;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}