body{
	margin: 0;
	padding: 0;
	font-family: arial;
	background: linear-gradient(#e66465, #9198e5);
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;

}
/* Line 1-10 styles the body of the HTML Document, which applies to the Login, Registration & Dashboard Page */

.container{
	background: #ffe6e6;
	border-radius: 15px;
	width: 850px;
	height: 550px;
	margin-top: 50px;
	max-width: 100%;
	min-height: 480px;
	padding: 20px;
	position: relative;
	box-shadow: 25px 30px black;

/*Lines 15-25 styles the container which the form is centered on*/	
 
}




.form {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	height: 569px;
	align-items: center;
	background-color: #ffe6e6;
	border-radius: 20px;
	position: relative;
	top: 0;
	padding: 0 50px;
	height: 100%;


}
/* Lines 34-45 styles the registration form adding colour and shadow*/


.form h1{
	font-size: 4rem;
}

/*Lines 52-53 styles the header tag inside the form */


input{
	background-color: #ffe6e6;
	border-radius: 20px;
	margin: 10px 0;
	padding: 20px 30px;
	text-decoration: none;
	width: 300px;
	background: #ffcccc;
	color: black;

}
/* Lines 59-67 styles the input fields within the form */


button{
	border-radius: 10px;  
	border: 2px solid #ffe6e6;
	background-color: #e66465;
	font-size: 20px;
	padding: 15px 35px;
	transition: 5s;

}/* Lines 73-79 adds some styling to the Submit Button */



.reglink{
	margin: 30px 0;
}
/* Lines 85-86 adds some styles to the registration link */

.reglink a{
	margin: 0px;
	padding: 3px;
	color: white;
	text-decoration: none;
	border-radius: 20px;
	border: 10px #ffe6e6;
	background-color: #e66465;
	font-size: 18px;

}
/* Lines 90-98 adds some styles to the registration anchor tag /link */


.loglink{
	margin: 30px 0;
}

/* Lines 104-105 adds some style to the login link */

.loglink a{
	margin: 0px;
	padding: 3px;
	color: black;
	text-decoration: none;
	border-radius: 20px;
	border: 10px #ffe6e6;
	background-color: red;
	font-size: 18px;

}
/* Lines 110-118 adds some style to the login link  */


Reg_Container button{
	border-radius: 10px;  
	border: 2px solid #ffe6e6;
	background-color: #e66465;
	font-size: 20px;
	padding: 15px 35px;
	transition: 5s;



}

/*Lines 124-130 styles the submit Button */

#BTN{
	border-radius: 10px;  
	border: 2px solid #ffe6e6;
	background-color: #e66465;
	font-size: 20px;
	padding: 15px 35px;
	transition: 5s;

}	
/*Lines 135-141 styles the Button for Dashbooard Page */



.Reg_container{
	background: #ffe6e6;
	border-radius: 15px;
	width: 850px;
	height: 600px;
	margin-top: 50px;
	max-width: 100%;
	min-height: 480px;
	padding: 20px;
	position: relative;
	box-shadow: 25px 30px black;	
}

/* Lines 151-161 styles the container for the Registration Page */



.form #Invalid_Email, #Enter_Pass {
	color: #ff0000;
	font-size: 20px;
	margin-bottom: 10px;
	background: #ffcccc;
	display: none;
	}
/*Lines 1687-173 styles the validation errors on the username field*/

.form #Invalid_Email, #Enter_Pass {
	color: #ff0000;
	font-size: 20px;
	margin-bottom: 15px;
	background: #ffcccc;
	display: none;
	}

/*Lines 177-182 styles the validation errors on the password field*/