body {
	background-color: white;
	font-family: 'robort', sans-serif;
	margin-top: 20px;

}


.signup {
	width: 360px;
	height: 670px;
	background-image: linear-gradient(90deg, blanchedalmond, palegreen, yellow);
	margin: auto;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	border: 4px solid transparent;
	box-sizing: border-box;
	animation: animateBorder 1s infinite alternate;
}

@keyframes animateBorder {
	0% {
		border-color: #ff6347;
		/* Red color*/
	}

	50% {
		border-color: #4682b4;
		/* Blue color */
	}

	100% {
		border-color: #008000;
		/* Green color*/
	}
}

.login {
	width: 360px;
	height: 360px;
	background-image: linear-gradient(90deg, blanchedalmond, palegreen, yellow);
	margin: auto;
	border-radius: 40px;
	position: relative;
	overflow: hidden;
	border: 4px solid transparent;
	box-sizing: border-box;
	animation: animateBorder 1s infinite alternate;
}

@keyframes animateBorder {
	0% {
		border-color: #ff6347;
		/* Red color */
	}

	50% {
		border-color: #4682b4;
		/* Blue color */
	}

	100% {
		border-color: #008000;
		/* Green color*/
	}
}

h1 {
	text-align: center;
	padding-top: 15px;
}

form {
	width: 300px;
	margin-left: 20px;


}

form label {
	display: flex;
	font-size: 20px;
	margin-top: 18px;

}

form input {
	width: 100%;
	padding: 7px;
	border: none;
	border: 1px solid gray;
	border-radius: 6px;
	outline: none;
}

.button {
	width: 150px;
	height: 35px;
	margin-top: 20px;
	border: none;
	background-color: blue;
	color: white;
	font-size: 18px;
	border: 1px solid black;
	border-radius: 100px;
	margin-left: 70px;
}

p {
	text-align: center;
	padding-top: 10px;
	font-size: 15px;
}

.para1 {
	text-align: center;
	color: black;
	font-size: 15px;
	margin-top: -10px;
}

.para1 a {
	color: #49c1a2;
}

.showPasswordCheckbox {}